fc2ブログ スマホ表示がおかしい

fc2ブログスマホ表示がおかしい

2016-03-08｜未分類

少し前から、自分のブログをスマホで見ると表示が変になっていました。

変なのは、個別記事を表示した場合で、

・追記部分に載せている画像が縮小されずデカイ

・画像以外の文字などが小さい
（→追記の画像幅に引っ張られ、全体が縮小されてしまう）

と、文字や画像が小さくて、読みづらく感じていました。

phpなどはいじれないので、とりあえず力技で修正してみました。

■ 修正方法メモ

1. CSSで以下を検索します。

.entry_body img {
max-width:100%;
height:auto;
}

2. その下に以下のCSSを追加します。

.entry_more img{
max-width:90%;
height:auto;
}

本文の画像はスマホ用にリサイズされていて、追記の画像のみ、リサイズされないので、

追記のimg指定を横幅90%にしてみました。

追記）　以下でＯＫでした。（再修正しました）

.entry_body img,
.entry_more img {
max-width:100%;
height:auto;
}