为什么srcset导致图像多次下载？

Question

我使用srcset和sizes属性添加以下图片代码，以插入自适应图片：

<img srcset="/designed/logo-abihaus-1600x500.png 1600w,
             /designed/logo-abihaus-1200x375.png 1200w,
             /designed/logo-abihaus-960x300.png 960w,
             /designed/logo-abihaus-800x250.png 800w,
             /designed/logo-abihaus-480x150.png 480w"
        src="/designed/logo-abihaus-1600x500.png"
        sizes="100vw" alt="">

根据我的理解，我只是告诉浏览器我可用的所有图像尺寸，它应该根据视口大小等下载最合理的尺寸。如果我调整浏览器窗口（Chrome）的大小小一点并刷新页面，网络选项卡告诉我它下载了我期望的图像（在这种情况下为800px），加上最大的图像（我假设来自src属性）。

我在使用和不使用picturefill.js时尝试了这一点，我在OS X 10.10.5上使用Chrome 45，所以我不认为这是浏览器兼容性问题。我的语法是否有些不可思议，或者我只是误解了srcset？

Answer 1

这是Blink渲染引擎中的浏览器错误。

如果您的HTML中有{{1}}标记，则应在Chrome 46中修复bug。

如果你不这样做，那仍然是开放的bug，我希望尽快解决。