响应式图像scrset忽略div宽度以显示比Firefox中所需的更大的图像

Question

刚开始使用img srcset。我正在努力理解关于在div所规定的某个宽度内显示图像的行为。

即使css宽度设置为1664px并且1680像素图像可用，它也使用3200像素版本。屏幕分辨率设置为1920 x 1200.代码似乎忽略了css并使用浏览器宽度（1920px）。

以下代码中是否有任何明显错误可能导致此问题，或者这是srcset的工作方式吗？

<div style="width:1664px;">
    <a href="http://www.test.com">
        <img src="/images/1680-example-image.jpg"
             srcset="/images/0960-example-image.jpg 960w, 
             /images/1280-example-image.jpg 1280w, 
             /images/1680-example-image.jpg 1680w, 
             /images/3200-example-image.jpg 3200w" 
             sizes="100vw">
    </a>
</div>

Answer 1

这是正确的（虽然有点烦人）行为。 w值总是在讨论窗口大小，而不是图像容器的大小。