Chrome中的srcset始终显示列表

时间:2015-10-20 09:38:07

标签: html5 srcset

我第一次玩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设置有问题吗?

提前致谢

1 个答案:

答案 0 :(得分:0)

Chrome 37仅支持x个描述符,它认为所有候选人都是&#34; 1x&#34;所以它只选择第一个。 Chrome 38及其后续支持w。您应该更新您的浏览器。如果您想支持旧的Chromes,请使用picturefill,或者只是将src候选人放在srcset的第一位,并将其作为旧Chromes的后备。