響應式圖像沒有響應

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。我不確定，但這些規則可能不會級聯，所以第一個匹配規則可能會贏。或者，您也許能夠顛倒順序並以這種方式解決問題。