fc2ブログ スマホ表示がおかしい
2016-03-08|未分類
少し前から、自分のブログをスマホで見ると表示が変になっていました。
変なのは、個別記事を表示した場合で、
・ 追記部分に載せている画像が縮小されずデカイ
・ 画像以外の文字などが小さい
(→追記の画像幅に引っ張られ、全体が縮小されてしまう)
と、文字や画像が小さくて、読みづらく感じていました。
phpなどはいじれないので、とりあえず力技で修正してみました。
■ 修正方法メモ
1. CSSで以下を検索します。
2. その下に以下のCSSを追加します。
本文の画像はスマホ用にリサイズされていて、追記の画像のみ、リサイズされないので、
追記のimg指定を横幅90%にしてみました。
追記) 以下でOKでした。(再修正しました)
変なのは、個別記事を表示した場合で、
・ 追記部分に載せている画像が縮小されずデカイ
・ 画像以外の文字などが小さい
(→追記の画像幅に引っ張られ、全体が縮小されてしまう)
と、文字や画像が小さくて、読みづらく感じていました。
スポンサーリンク
■ 修正方法メモ
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;
}
スポンサーリンク
- No Tag