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ı?

, @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); }
}