2017-07-18 29 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

これについて少し読んだ後。私は他人がではなくmin-widthを使用していることに気づいた。 min-widthを使用して複数のルールを同時に適用することができます。私は確信していませんが、これらのルールはカスケードしない可能性があるため、最初の一致ルールが勝つ可能性があります。あるいは、注文を元に戻して問題を解決することができます。

関連する問題