Galaxy S6在Galaxy S6上沒有根據srcSet屬性選擇正確的img

Question

當我將瀏覽器調整到不同的寬度時，我的桌面上的Chrome 46會加載正確的圖像。然而，在我的手機上它載入了最大的圖像！ 1024瓦之一。當我在手機上撥打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" /> 

Answer 1

您的S6的設備寬度爲360像素。

它的顯示器具有4倍的超高像素密度，因此在縱向方向上總共有4×360 = 1440個物理像素的寬度。 （4 * 640 = 2560橫向）

80％，如您在sizes屬性中所指定的，是1152個物理像素寬度，因此您的瀏覽器在嘗試獲取該空間的最大圖像時是正確的這麼高的ppi屏幕。

我希望這有助於！