Img srcset和sizes属性

Question

我试图制作一个包含img标记的简单网站，该网站将使用新的srcset属性。主要思想是根据屏幕分辨率更改图像（src）。

Working example

问题在于sizes。如您所见，现在它是100vw，但它无法正常工作。对我来说，它将img调整为大约80％的屏幕，而不是100％。 最好的是，当我在CSS中为img标记width: 100vw编写时，它会调整为100％的屏幕。

有人可以帮我吗？也许我做错了什么？

Answer 1

图像宽度为1152像素，但您告诉浏览器它的宽度为1500像素（1500w）。 然后，浏览器根据您所说的内容确定图像的密度，并相应地校正图像的内在尺寸，但由于密度计算使用了错误的值，因此图像占视口宽度的76.8％而不是100％。

要更改它，您可以为浏览器提供更大的资源，或者告诉它资源是1152w。