html - 响应图像没有响应

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 同时应用多个规则。我不确定，但这些规则可能不会级联，所以第一个匹配的规则可能会获胜。或者，您可以颠倒顺序并以这种方式解决问题。