Chrome无法显示合适的srcset图片

时间:2015-05-02 21:55:24

标签: html html5 google-chrome chromium

我正在尝试在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

1 个答案:

答案 0 :(得分:2)

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

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

  

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