@Media kuralları satır içi CSS koymak mümkün mü? | Netgez.com
SORU
21 Mart 2012, ÇARŞAMBA

@Media kuralları satır içi CSS koymak mümkün mü?

HTML5 app içine dinamik olarak yüklemek için banner resimler istiyorum ve birkaç farklı sürümlerini ekran genişlikleri uygun. Yapamam doğru belirlemek telefonun ekran genişliği, yani tek yolu aklıma yapıyor bu eklemek için arka plan resimleri bir div ve kullan @media belirlemek için ekran genişliğini ve görüntü doğru bir görüntü.

Örneğin:

 <span style="background-image:particular_ad.png; @media (max-width:300px){background-image:particular_ad_small.png;}"></span>

Bu mümkün, ya da başka bir öneriniz var mı?

CEVAP
21 Mart 2012, ÇARŞAMBA

, @media kurallar ve medya sorguları hayır olamaz satır içi stili var sadece property: value bildirimleri içerebilir bağlıyor. the spec olarak koyar:

Stil öznitelik değeri bir CSS içeriğini sözdizimi declaration block aynı olmalıdır

Bazı medya yalnızca bir öğe stil uygulamak için tek yol için bir seçici ile gelmek gerekir bir stil ayrı bir kural.

span kukla bir seçici bu gibi görünecektir, ama eğer çok özel bir element hedeflediğiniz eğer daha özel bir seçici ihtiyacınız olacak:

span { background-image: url(particular_ad.png); }

@media (max-width: 300px) {
    span { background-image: url(particular_ad_small.png); }
}

Bunu PaylaÅŸ:
  • Google+
  • E-Posta
Etiketler:
HtmlCssCss3 Medya SorgularıCss3

AYNI ETÄ°KETTEKÄ° VÄ°DEOLAR

YORUMLAR

SPONSOR VÄ°DEO

Rastgele Yazarlar

  • ★ByScrapi★ Designs

    ★ByScrapiâ

    27 AÄžUSTOS 2013
  • bobono1baby

    bobono1baby

    14 AÄžUSTOS 2011
  • psidot

    psidot

    2 Kasım 2006

Ä°LGÄ°LÄ° SORU / CEVAPLAR

Ä°LGÄ°LÄ° BAÄžLANTILAR