我需要动态地将横幅图像加载到HTML5应用程序中,并希望有几个不同的版本以适应屏幕宽度.我无法正确确定手机的屏幕宽度,因此我能想到的唯一方法是添加div的背景图像并使用@media确定屏幕宽度并显示正确的图像.
例如:
<span style="background-image:particular_ad.png; @media (max-width:300px){background-image:particular_ad_small.png;}"></span>
这有可能,还是有人有任何其他建议吗？