表示例は以下の通りです。ブラウザのウインドウサイズを様々に変化させて、表示を確認してみて下さい。 詳しい解説は、記事「画像を自動リサイズする際に拡大縮小しすぎを防ぐCSS」の本文をご参照下さい。
なお、サンプル表示に使っている画像の実寸サイズは、
です。
▲実寸サイズより拡大されることはありませんが、ウインドウ幅が狭ければ自動縮小はされます。
記事に戻る