在带有W单位的Srcset中,浏览器是否考虑高像素密度显示的全分辨率?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在带有W单位的Srcset中,浏览器是否考虑高像素密度显示的全分辨率?相关的知识,希望对你有一定的参考价值。

如果仅以W为单位指定srcset,浏览器是否会考虑高像素密度显示全分辨率或按比例缩小的分辨率?

例如此代码...

<img srcset=“image-xl.jpg 2560w,   
             image-l.jpg 1200w,   
             image-m.jpg 900w” 

     src=”image_o.jpg” />

...具有2560实际分辨率的2x像素密度显示器更可能触发2560w图像加载,或者相反,由于它在浏览器中显示为1280px宽度,因此将触发1200w图像加载。 ?

答案

根据我的测试,是前者,即考虑到密度。

在此示例中为2560w。

以上是关于在带有W单位的Srcset中,浏览器是否考虑高像素密度显示的全分辨率?的主要内容,如果未能解决你的问题,请参考以下文章

如何强制画布大小以像素为单位的窗口的实际大小,而不考虑浏览器的缩放因子?

如何声明图像srcset,以便它不考虑视网膜屏幕

响应式图片 srcset 和sizes属性

如何测试 srcset 算法

是否可以通过浏览器开发人员工具查看浏览器正在使用哪个 srcset 图像

常见的CSS布局单位