fc2ブログのテンプレで画像をはみ出ないようにする一行

img要素はinlineに近いinline-blockのためテンプレートのコンテンツ領域より大きな画像をベタ置きしてしまうと、はみ出てしまいます。

これはcssに一行追加するだけで解決できます。

http://admin.blog.fc2.com/control.php ログイン
[設定]→テンプレートの設定
○○のスタイルシート編集のテキストエリアの末尾あたりに次の1行を追加

img { max-width: 100%; }

img要素のwidthを最大サイズとするというプロパティです。これを指定することにより、親要素のwidthに合わせて画像の最大widthまで伸縮するようになります。しっかり作られたテンプレートならば、これで収まるようになります。ほとんどないかと思いますがレイアウトが崩れる可能性も頭の片隅においておきましょう。