响应式图像无响应

Question

我一直在修补使图像具有响应性，但是，我没有看到我的图像有任何变化，尽管我已经给了它们一个预定的vw，这让我觉得我在某个地方错过了一步。

我目前的图片如下所示：

<img src="images/icon_1000x_large.jpg" alt="largeCodeIcon" srcset="images/icon_1000x_large.jpg 1000w, images/icon_500x_medium.jpg 500w, images/icon_200x_small.jpg 200w"
sizes="(min-width: 273px) 20vw, (min-width: 350px) 50vw, 100vw" >

现在理论上，在 273px 时图像应该是 20vw，而在 350 时，图像应该是 50vw，但绝对没有变化。

谁能帮忙？

Answer 1

在阅读了一些关于此的内容之后。我注意到其他人使用的是max-width 而不是min-width。您可以使用min-width 同时应用多个规则。我不确定，但这些规则可能不会级联，所以第一个匹配的规则可能会赢。或者，您可以颠倒顺序并以这种方式解决问题。