スマートフォンサイトで縦や横にした時に画像サイズを自動で伸縮させる方法

以下をスマートフォン用に適用させるCSSファイルの任意の場所に記述します。

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

max-width: 100%は、画像を画面幅に合わせて自動で幅を調節させる指定、height: auto;widthの拡大と縮小に合わせて、縦横比を保持したまま高さを調節させる指定です。たったこれだけですが、スマホサイトを作る時に重宝しますよ。