眠すぎ日記 > Web > 記事内の画像をFluid Imageにする

記事内の画像をFluid Imageにする

  • 2015年5月13日 00:45
  • Web

ブログのテンプレートをレスポンシブにしたので、記事で貼り付ける画像もレスポンシブにする必要があります。

といってもこのブログでは下記を追加するだけで完了。
width・height属性も書いてあって大丈夫です。

.textBody img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
}

確認用。この画像は横幅700pxだが、このブログは最大でも615pxの横幅しかない。

fluidimage_01.jpg

IE8以下では正しく縮小できないようだが気にしない。記事で画像を使う場合、スマホで動作すればいいので。

Comments:0

Comment Form

眠すぎ日記 > Web > 記事内の画像をFluid Imageにする

Return to page top