响应式图像没有响应

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。我不确定，但这些规则可能不会级联，所以第一个匹配规则可能会赢。或者，您也许能够颠倒顺序并以这种方式解决问题。