HTML/CSS(レスポンシブ)画像サイズを変化させるには

画面幅100%にする場合を例として書いておきます

レスポンシブのメディアクエリに

img {
    max-width: 100%;
    width: 100%;/*普通のCSSでwidthを指定している場合だけ必要です*/

    height: auto;
    box-sizing: border-box;

}

と書きます。

幅を変えたい場合はmax-widthとwidthに別の%で行けると思います

コメント

タイトルとURLをコピーしました