Question

我正在尝试在Chrome中使用img srcset属性，但它不会显示srcset合适的图片。我在Linux（Chromium 41）和Windows（Chrome 42）上使用两个不同的1x设备进行测试。

我设置了两张图片：512px和1054px宽图片。但Chrome仍然会在734px或更低的视口宽度下显示512px图片，在735px或更高时仍可显示1054px图片。

适用于Firefox（在配置中启用srcset）。

为什么Chrome在视口宽度高于512px时显示512px图片？

body {
  background-color: #000;
}
img {
  max-width: 100%;
}

<img srcset="
    http://download.blender.org/institute/logos/blender-socket.png 512w,
    http://download.blender.org/institute/BlenderDesktopLogo.png 1054w" sizes="100vw">

Codepen链接： http://codepen.io/anon/pen/dooQvJ

Answer 1

关于升级问题已经开启了铬问题： https://code.google.com/p/chromium/issues/detail?id=456084

升级似乎是用于显示srcset图片的实际Chromium算法：

升级是设计的。作为过度下载之间的妥协和图像质量我们画了一条线＆＃34;在他们的资源之间几何平均数。我们可能会在未来改变这种行为网络状况，用户偏好，当前DPR等

Chrome无法显示合适的srcset图片

1 个答案: