0

当我将浏览器调整为不同的宽度时，我桌面上的 Chrome 46 会加载正确的图像。但是在我的手机上它加载了最大的图像！1024w 一个。当我在手机上访问http://html5test.com/时，它说它支持。谁能确认它在移动设备上无法正常工作？ 

<img src="https://c1.staticflickr.com/1/667/22803832666_5142663029.jpg" srcset="https://c2.staticflickr.com/6/5642/22373891881_0508995dc9_b.jpg 1024w, https://c2.staticflickr.com/6/5642/22373891881_0508995dc9_c.jpg 800w, https://c2.staticflickr.com/6/5642/22373891881_0508995dc9_z.jpg  640w,https://c2.staticflickr.com/6/5642/22373891881_0508995dc9.jpg 500w" sizes="80vw" />
4

1 回答 1

0

您的 S6 的设备宽度为 360 像素。

它的显示屏具有 4 倍的超高像素密度，因此纵向的总宽度为 4 * 360 = 1440 个物理像素宽度。（横向 4 * 640 = 2560）

正如您的属性中所指定的那样，其中 80%sizes是 1152 物理像素宽，因此您的浏览器在尝试在如此高的 ppi 屏幕上获得该空间的最大图像时是正确的。

我希望这有帮助！

于 2015-11-30T09:17:48.960 回答