CSSで文字サイズに画像サイズを合わせる テキストサイズの可変に伴いCSSで画像サイズを変更する方法を3つ。 まずサンプル。 >>文字サイズに画像サイズを合わせるのサンプル 説明・・・はサンプルページを見れば何がしたいのか分かるような気もするけど一応書いてみる。どのパターンも単純に大きめのサイズに書き出した画像を用意してどう表示させるかcssで指定してるだけ。 パターン1の場合 パターン1はcss側で表示したい画像を背景画像として指定。幅や高さはemで指定することによって文字サイズの可変に合わせてでっかくなったりちいさくなったり。元画像を縮小拡大しているわけではなく、見える範囲が大きく小さくなるだけなので画質が汚くなるってこともない。 <p class="resize_image01">女の子の写真ですよー</p> .resize_image01{ float: left; width:1