こんにちは。
『やさしいブログの作り方』の松田です。
画像を記事に貼る際、記事エリアの幅よりも画像の横幅が大きかった場合は画像が途中で途切れてしまいます。
そんなミスを防ぐために、記事エリアで使われる画像の横幅のサイズの最大値を設定しておき、それ以下の幅ならそのまま表示、記事エリアの幅以上の幅の時は、その最大値に自動縮小するという方法があります。
CSSの最後に以下の記述を追記すると、画像の横幅の最大値が400pxに設定されます。
上記のCSSを設定すると、
横幅が400pxに縮小されて、高さもその比率で縮小されます。
新旧両方のデザインスキンで有効です。
『やさしいブログの作り方』の松田です。
画像を記事に貼る際、記事エリアの幅よりも画像の横幅が大きかった場合は画像が途中で途切れてしまいます。
そんなミスを防ぐために、記事エリアで使われる画像の横幅のサイズの最大値を設定しておき、それ以下の幅ならそのまま表示、記事エリアの幅以上の幅の時は、その最大値に自動縮小するという方法があります。
CSSの最後に以下の記述を追記すると、画像の横幅の最大値が400pxに設定されます。
.articleText .detailOn img, .subContents .detailOn img {
max-width: 400px;
height: auto !important;
}
max-width: 400px;
height: auto !important;
}
上記のCSSを設定すると、
横幅が400pxに縮小されて、高さもその比率で縮小されます。
新旧両方のデザインスキンで有効です。