srcset 中的大小图像是否考虑了设备分辨率?

问题描述

我一直在考虑将响应式图片整合到网站中。

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 (将#修改为@)