巨大なバナーをスマホサイズに収める方法

今取り組んでいるプログラミングが伴うWordPressを使ったウェブサイト制作の中で、途轍もないサイズのバナーの設置を依頼されました。

CSSで工夫しようとしたのですが、最終的にこのコードで設置できました。

img {

  max-width: 100%;

  display: block;

  margin: 0 auto;

}

このコードを対象の画像に付けたクラス名で書くことで、画面サイズが小さくても画像を中央に配置して見切れないように表示できます。

このコードに、救われました。