我正在尝试在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
答案 0 :(得分:2)
关于升级问题已经开启了铬问题: https://code.google.com/p/chromium/issues/detail?id=456084
升级似乎是用于显示srcset图片的实际Chromium算法:
升级是设计的。作为过度下载之间的妥协 和图像质量我们画了一条线&#34;在他们的资源之间 几何平均数。我们可能会在未来改变这种行为 网络状况,用户偏好,当前DPR等