我第一次玩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设置有问题吗?
提前致谢
答案 0 :(得分:0)
Chrome 37仅支持x
个描述符,它认为所有候选人都是&#34; 1x&#34;所以它只选择第一个。 Chrome 38及其后续支持w
。您应该更新您的浏览器。如果您想支持旧的Chromes,请使用picturefill,或者只是将src
候选人放在srcset
的第一位,并将其作为旧Chromes的后备。