我需要动态地将横幅图像加载到HTML5应用程序中,并希望有几个不同的版本以适应屏幕宽度.我无法正确确定手机的屏幕宽度,因此我能想到的唯一方法是添加div的背景图像并使用@media确定屏幕宽度并显示正确的图像.
例如:
<span style="background-image:particular_ad.png; @media (max-width:300px){background-image:particular_ad_small.png;}"></span>
Run Code Online (Sandbox Code Playgroud)
这有可能,还是有人有任何其他建议吗?
我在我的作品网站上使用小 HTML 框。
问题是,我们需要将 HTML 显示给计算机浏览器,但我们不希望它显示在移动设备上,因为当移动设备接收 HTML 片段时,它们会乱序。
有没有人有任何想法?