More than 3 years have passed since last update.

レスポンシブデザインcss『画像を伸縮できるようにする』

Posted at 2020-11-30

１画像を伸縮できるようにするcss

img{
  max-width: 100%;
  height: auto;
}

解説
全てのimgタグに適用される。画像は親要素のボックス幅に合わせて伸縮するようになる。
しかし、画像の元々のサイズより拡大することはない。
レスポンシブデザインで画像を扱う場合、ほぼパターンと考えて良い。