Chrome 45 在 Galaxy S6 上没有根据 srcSet 属性选择正确的 img
Chrome 45 on Galaxy S6 not choosing right img based on srcSet attribute
当我将浏览器调整为不同的宽度时，Chrome 46 在我的桌面上加载正确的图像。但是在我的 phone 上它加载了最大的图像！ 1024w 一个。当我在 phone 上转到 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" />
您的 S6 的设备宽度为 360 像素。
它的显示屏具有 4 倍的超高像素密度，因此纵向总共有 4 * 360 = 1440 物理像素 宽度。 （横向 4 * 640 = 2560）
其中 80%（如您的 sizes 属性中指定的那样）为 1152 物理像素宽，因此您的浏览器在尝试获取最大图像时是正确的 space这么高ppi的屏幕。
希望对您有所帮助！
Chrome 46 在我的桌面上加载正确的图像。但是在我的 phone 上它加载了最大的图像！ 1024w 一个。当我在 phone 上转到 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" />
您的 S6 的设备宽度为 360 像素。
它的显示屏具有 4 倍的超高像素密度，因此纵向总共有 4 * 360 = 1440 物理像素 宽度。 （横向 4 * 640 = 2560）
其中 80%（如您的 sizes 属性中指定的那样）为 1152 物理像素宽，因此您的浏览器在尝试获取最大图像时是正确的 space这么高ppi的屏幕。
希望对您有所帮助！