我正在srcset为大型设备上的用户显示动画GIF，但需要向中小型设备上的用户显示静态JPG。
当我在1x屏幕上调整浏览器窗口大小时，以下代码非常有用。我遇到的问题是在iPad上以纵向模式（768px）查看页面时，显示的是动画GIF。我知道浏览器试图显示更高质量的图像，因为它的分辨率是2倍，但就我而言，它必须是完全不同的图像。
如果用户的屏幕宽于940px，如何将其更改为仅显示GIF？
<img src="static.jpg" sizes="(max-width: 940px)" srcset="static.jpg 940w, animated.gif 1400w" alt="">
这根本不是一项工作srcset-srcset处理分辨率完全不同的多个源。如果要提供不同的图像，请使用<picture>和多个<source>元素。
例如，要完全按照要求回答您的问题：
<picture>
<source media="(min-width: 940px)" srcset="animated.gif">
<img src="static.jpg">
</picture>
但是元问题仍然存在：为什么只将gif发送到大屏幕设备？您是否在想大屏幕设备具有更多带宽或其他功能？
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句