微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决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 举报,一经查实,本站将立刻删除。