2017-07-18 131 views
0

我在做圖像響應的修補,但是,我沒有看到我的圖像有任何變化,儘管事實上我給了他們一個預定的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,但也絕對沒有改變。

誰能幫助?

+0

這不應該改變圖像的渲染方式,而是渲染圖像。如果您檢查圖像,您會看到src根據屏幕大小而變化。 – SidTheBeard

+0

您使用哪個瀏覽器進行測試? –

+0

@SidTheBeard這是唯一的東西,但沒有什麼改變的src –

回答

0

在閱讀了一些關於此之後。我注意到其他人正在使用max-width而不是min-width。您可能有多個規則同時使用min-width。我不確定,但這些規則可能不會級聯,所以第一個匹配規則可能會贏。或者,您也許能夠顛倒順序並以這種方式解決問題。