ホクオ
にがうりくん、ヘルプミー！
スマホで表示すると横幅がこんな風に狭くなってしまいました〜。しかもページによって、こうなってたり、なってなくてふつうに全幅で表示されていたりします。わけがわかりません。なんで〜？
スマホで表示すると横幅がこんな風に狭くなってしまいました〜。しかもページによって、こうなってたり、なってなくてふつうに全幅で表示されていたりします。わけがわかりません。なんで〜？
にがうりくん
これは、こうなってるんですよ。
にがうりくん
単純に「横幅以上の広さのなにかがある」せいで他のが小さくさせられているんです。
たとえば「サイトをPCで表示してから、開発者モードでスマホ表示に切り替えた」などという操作をした場合には、こうなってしまう可能性があります。
つまり、PC表示時は自動で大きな広告画像を出したりするので、その状態で幅を狭めて確認しても広告画像が大きいままになっているかもしれません。最初からスマホ表示で画面を出せば、そうはならないと思います。
たとえば「サイトをPCで表示してから、開発者モードでスマホ表示に切り替えた」などという操作をした場合には、こうなってしまう可能性があります。
つまり、PC表示時は自動で大きな広告画像を出したりするので、その状態で幅を狭めて確認しても広告画像が大きいままになっているかもしれません。最初からスマホ表示で画面を出せば、そうはならないと思います。
にがうりくん
実験してみましょう。たとえばこれは「一旦PC表示にしたあと、強制的に画面幅を変えた」場合です。広告がPC用の大きいサイズのままになっているのでブログ幅は小さくなってしまっています。
にがうりくん
一方こちらは「最初からスマホ用の画面幅のまま表示した」場合です。広告のサイズが適切なものになっていて、ブログ幅も全幅になっているでしょう。
ホクオ
今回もにがうりくんに教えてもらって、解決しました。にがうりくん、いつもありがとうございます。
しろうとにわかりやすく説明してくれるプロはありがたい存在で、にがうりくんは、ホクオの快適ブログ生活の強い味方。プラグインでは対応できない種類のカスタマイズをしてもらったり、テーマのバグを修正してもらったり、いつもいろいろお世話になっている。
