Chrome不顯示合適的srcset圖片

Question

我試圖用Chrome的img srcset屬性，但它不顯示srcset合適的圖片。我使用兩種不同的1x設備在Linux（Chromium 41）和Windows（Chrome 42）上測試它。

我設置了兩張圖片：512px和1054px的寬圖片。但Chrome仍然在734px或更少的視口寬度下顯示512px圖片，在735px或更高時仍然顯示1054px圖片。

它可以在Firefox中正常工作（在config中啓用srcset）。

爲什麼Chrome在視口寬度高於512像素時顯示512像素圖片？

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圖片：

升級是由設計。作爲過度下載 和圖像質量之間的折衷，我們在它們的 幾何平均值的資源之間「畫出一條線」。我們可能基於 網絡狀況，用戶偏好，當前DPR等將來改變此行爲。