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

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

  • 2015年5月作成
  • 2017年1月16日更新
  • 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