Chrome 中的 srcset 始终显示列表中的第一张图片

Question

我第一次使用 srcset，它似乎在所有浏览器中都按预期工作，除了 Chrome。 Chrome 将始终选择 srcset 列表中最先出现的图像。我使用的代码如下。

<img 
     srcset="/testPic_1800.jpg 1800w, /testPic_1200.jpg 1200w, /testPic_600.jpg 600w, /testPic_480.jpg 480w"
     sizes="(max-width: 413px) 300px,
            (max-width: 767px) 384px,
            600px"
     src="/testPic_600.jpg" alt="Cars"
     >

因此在此示例中，Chrome 将始终选择 1800 图像，但是如果我更改顺序，首先选择 480，则会选择它。有任何想法吗？我的 img 设置有问题吗？

提前致谢

Answer 1

Chrome 37 只支持 x 描述符，它认为所有候选者都是“1x”所以它只选择第一个。 Chrome 38 及以后的支持 w。你应该更新你的浏览器。如果你想支持旧 Chromes，使用 picturefill，或者把你的 src 候选人也放在 srcset 的第一位，让它作为旧 Chrome 的后备]s.

Chrome 中的 srcset 始终显示列表中的第一张图片

srcset in Chrome always showing first image in list

html

srcset