响应式图像无响应

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" >

现在理论上，在273像素处，图像应为20vw，在350,50vw，但绝对没有变化。

有人可以帮忙吗？

Answer 1

看了一下这个。我注意到其他人正在使用max-width而不是min-width。您可以使用min-width同时应用多个规则。我不确定，但这些规则可能不会级联，因此第一个匹配规则可能会获胜。或者，您可以颠倒顺序并以这种方式解决问题。