GoogleChrome版本40 srcset属性问题

Question

我在Chrome中看到许多与img标签（响应图像）上的srcset属性不一致的地方40.0.2214.91

在我更新到Chromev40之前（我在~39），srcset属性工作正常，并且会在浏览器调整大小时交换图像。现在，有时，如果我将浏览器设置为所需的宽度，则会显示较小版本的图像，然后刷新页面。其他时候，它将无法工作。

测试jsbin：http://jsbin.com/hulaconake/1/edit?html输出

我拥有的图像标签：

<代码>

我还在另一个环境中测试了非Placehold.it图像，并使用Picturefill.jshttp://scottjehl.github.io/picturefill/

我在FF或Safari中没有任何问题（都使用picturefill）。

iOS Chrome也有类似的问题。

我的语法错了吗？是不是发生了什么我不知道的事？

Answer 1

这是一个功能，不是一个bug。Chrome不会切换大小，因为Chrome缓存中已经有一个更大的图像，所以不需要下载同一图像的新数据。

如果您想使用不同的图像或相同的图像与不同的作物，使用图片元素。

• srcset带有源描述符（让浏览器根据屏幕大小/分辨率、带宽等选择正确的图像）：

因此，img[srcset]用于分辨率切换，picture用于对您的设计做出反应的不同图像