1

我第一次使用 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 设置有问题吗？

提前致谢

4

1 回答 1

0

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

于 2015-10-21T08:03:33.383 回答