2015.07.09

画像をレスポンシブに対応させる

大きな写真などの画像を、画面サイズや親要素のサイズによって
縦横比を維持したままサイズを変更させます。

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

サンプルページはこちら

ブラウザの横幅を変更してみてください。
最大1000pxで、それより狭い場合は縦横比を維持したまま拡大・縮小します。

主にスマートフォンサイトで力を発揮すると思います。