fc2ブログ スマホ表示がおかしい - TREASURE / トレジャー日記

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

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

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

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

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

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


スポンサーリンク

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


■ 修正方法メモ

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

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




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

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





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

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



追記) 以下でOKでした。(再修正しました)

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


このエントリーをはてなブックマークに追加

スポンサーリンク

コメント
非公開コメント

トラックバック

http://ark-treasure.com/tb.php/436-5f4b59ed

スポンサーリンク