横幅より大きい時に、画像の右側が切れてしまいます。
それを避けれるために画像の最大幅をCSSで指定します。
① CSSへ下記を追記する
.articleText img{
max-width:300px;/* 記事の横幅より 20px くらい少ない値 */
height:auto;
}
max-width:300px;/* 記事の横幅より 20px くらい少ない値 */
height:auto;
}
② 記事の画像に横幅や高さを指定してしまっている場合は、
下記をフリープラグインへ追記して、指定してある横幅と縦幅を
消します。
<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>
<script type="text/javascript">
$(function(){
$('.detailOn img').each(function() {
$(this).removeAttr('height').removeAttr('width');
})});
</script>
<script type="text/javascript">
$(function(){
$('.detailOn img').each(function() {
$(this).removeAttr('height').removeAttr('width');
})});
</script>
● 注意
下記は、フリープラグインの先頭に1つあればOKです。
<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>