ここは僕の冷蔵庫。後はあれして食べるだけ。

I love the frozen FOOD.

画像の縦横サイズがとても大きい場合、想定するHTMLのレイアウトをはみ出てしまうこと、あるかと。
特に横幅ははみ出ないようにしたいな・・・と思ったら、CSSで最大サイズを指定するといい。

<img src="text.jpg" style="max-width:100%;"/>

のように、max-widthを使うといい。
単純に、width属性で

<img src="text.jpg" style="width:100%;"/>

のようにしてしまうと、画像の幅を引き延ばしてしまう場合がある。
(HTML上の幅が画像より大きい場合ね)

このブログでも、記事で画像を表示するときは、往々にしてmax-widthをかましてる。


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


*