问题描述
我一直在考虑将响应式图片整合到网站中。
Mozilla website 有很多关于它的信息,但有一条信息我仍然不是 100% 清楚。
假设我有以下表示图像的 html:(为了说明,它不完整)
<picture>
<source type="image/webp" srcset="img-600.webp 600w,img-900.webp 900w,img-1200.webp 1200w">
</picture>
图片的宽度为 600 像素、900 像素和 1200 像素。
我假设上述内容会相应地处理不同的屏幕尺寸,但 srcset
还会考虑设备分辨率吗?
例如,如果我有一个物理屏幕宽度为 360px 和分辨率为 2x(总 720px)的移动设备,浏览器会选择 600w 大小(360px 以上的大小)还是 900w 大小(720px 以上的大小) )?
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)