大きい画像がはみ出ないようにデザインを調整



公開デザイン からインポートしたデザインで、
デザインによっては大きい画像がはみ出てしまうので、デザインを調整してはみ出ないようにします。


「管理」ー「デザイン」ー「詳細デザイン設定」のスタイルシートの一番上に追加します。

/* 2カラム */
div.main div.section img.hatena-fotolife{
  max-width: 380;
}

を追加すると画像のサイズの幅が380ピクセルで表示されるようになります。(2カラム用)
ひよこのデザインでは600くらい。


本文幅が固定されているデザインテーマで、大きな画像が貼り付けられた場合はサイズを自動縮小するようになりました - はてなダイアリー日記


「テーマ」の検索結果 - はてなダイアリー日記