HTML+CSSのこと

【CSS】画像の横幅をウインドウサイズに合わせるには

CSS3

画像に対してなにもサイズ指定しなかったり、表示をpx指定してしまうと例えば、PCで表示する分には問題なくても、スマホでひょうじすると画像が見切れてしまうことがある。そのための防止策。

img {
 max-width: 100%; //横幅はウインドウサイズに合わせて調整する
 height: auto; //高さは自動調整
}

↑すべての画像に対しての指定。
特定の範囲内にある画像に対して行う場合は便宜、idやclass属性で指定すること

おすすめ