「うちのサイト、パソコンで見てるのにスマホの画面になってるんだけど」。社内でそう言われたら、サイトが壊れたと思いますよね。私も、最初はそう思います。
10月28日、保守しているサイトの担当の方から、まさにこの連絡が来ました。一部のパソコンで、スマホの表示になってしまう、と。
おかしいのはChromeだけでした
担当の方からは、続けてこう連絡がありました。
「表示がおかしいPCにおいて、ブラウザをedgeで試したところ問題ありません。chromeだとおかしな表示になってしまいます。もう一台のPCですと、chromeもedgeも異常無しです。」
こちらで確かめても、サイトの側におかしなところは見つかりませんでした。
ここで行き止まります。サイトが壊れているなら、どのパソコンの、どのブラウザで開いてもおかしくなるはずなんです。1台の、Chromeだけ。おかしいのはサイトではなく、そのChromeの側です。
お願いしたのは、ウィンドウを画面いっぱいに広げることと、もう一つ。
Ctrl＋0（Macはcommand＋0）で、表示の拡大を100%に戻すこと。
翌日の午後、正常になりました、と連絡が来ました。サイトは1行も直していません。
拡大すると、パソコンでも画面が細くなる
このサイトは、画面の幅だけを見て、パソコン用とスマホ用を切り替える作りでした。幅が650px以下なら、スマホの表示です。パソコンかスマホか、ChromeかEdgeかは見ていません。
そこへ効いてくるのが、拡大です。ブラウザで表示を大きくすると、ページの側から見た画面の幅は、そのぶん狭くなります。150%や200%に拡大していたり、ウィンドウを画面の半分に並べていたりすると、パソコンでも650pxを下回る組み合わせがあるんですよ。
どのパソコンでもおかしいなら話は別です
どのパソコンの、どのブラウザで開いてもスマホの表示になる。そういう方は、拡大を疑う段階ではありません。サイトの側を疑う番なので、そのまま制作会社に連絡してください。
Ctrl＋0を押しても戻らないときは、Chromeの設定の「デザイン」にある「ページのズーム」で、最初から拡大して開くようになっていることもあります。
それから、スマホの表示に切り替わる幅はサイトごとに違います。650pxは、このサイトの場合の数字です。
開けないときも、まず自分の側で試せます
10月26日の午後には、別のサイトの担当の方から、サイトにアクセスできなくなった、と連絡がありました。こちらで同じ時刻に開くと、どのページも1秒かからずに開きました。担当の方はその間に、キャッシュを消しても開けなかったけれど、タブを閉じて別のタブで開き直したら開けた、と知らせてくれました。
そのあとで、次に同じことがあったときに試せる方法をお伝えしました。
- 別のタブで開き直す
- シークレットウィンドウで開く
- 別のブラウザで開く
- スマホのWi-Fiを切って、モバイル回線で開く
どれかで開けるなら、少なくともその時点で、サイトは止まっていません。見るべきは、開けなかったブラウザや回線のほうです。
開けるけれど表示が崩れている、というときは、先ほどのCtrl＋0も試せます。
次に「スマホの画面になってる」と言われたら
社内で誰かがそう言ったら、聞き返すことは二つです。ほかのブラウザでもそうなるか。Ctrl＋0は押してみたか。
それで直れば、その場で終わります。直らなければ、何時ごろ、どのページで、どう見えたかを、画面の写しと一緒に残してもらってください。制作会社が最初に知りたいのも、その時刻と画面です。
それでも分からないときは、お問い合わせから、時刻と画面の写しを添えて送ってください。
FAQよくある質問
- QCtrl＋0を押しても、スマホの表示のままです。
- AChromeの設定の「デザイン」にある「ページのズーム」で、最初から拡大して開くようになっていると、Ctrl＋0では100%に戻らないことがあります。ウィンドウが画面いっぱいに広がっているかも見てください。それでも同じなら、時刻と画面の写しを制作会社へ送ってください。
- Qどのくらいの幅で、スマホの表示に切り替わるのですか？
- Aサイトによって違います。今回のサイトは、幅が650px以下になるとスマホの表示に切り替わる作りでした。