ホームページが、iPhoneのSafariだけ崩れる｜自分で確かめる5つと、直してもらうときに伝えること

パソコンやAndroidでは普通に見えるのに、iPhoneのSafariで開くと、

文字が重なる、画像がはみ出す、ボタンが押せない、ということがあります。

お客様にiPhoneを使う方が多いと、見過ごせない不具合です。

この記事では、自分で確かめたいことと、直してもらうときに伝えるとよいことをまとめました。

■まず「誰のiPhoneでも崩れるか」を確かめる

崩れ方が、1台のiPhoneだけで起きているのか、どのiPhoneでも起きるのかで、原因が大きく変わります。

・社内のほかのiPhoneでも開いてみる

・家族や知人にも、見てもらう

1台だけなら、そのiPhoneの設定や古い記憶（キャッシュ）が原因のことが多いです。

どのiPhoneでも崩れるなら、ホームページ側の作りが原因です。

■自分で確かめる5つのこと

1. iPhoneのソフトの版

古い版のままだと、新しい作りのページを正しく表示できないことがあります。

「設定」→「一般」→「情報」で確かめられます。

2. Safariの記憶を消して開き直す

古いページの記憶が残っていると、崩れて見えることがあります。

3. 文字の大きさの設定

iPhoneで文字を大きくする設定にしていると、文字があふれて崩れることがあります。

4. 横向き・縦向き

向きを変えたときだけ崩れる、ということもあります。

5. 同じiPhoneのChromeで開く

iPhoneのChromeでも崩れるかを見ておくと、原因を探す手がかりになります。

■どのiPhoneでも崩れる場合

ホームページを作った方や、管理している方に、直してもらう必要があります。

次のような原因がよくあります。

・Safariが対応していない、新しい書き方を使っている

・画面の高さの扱いが、Safariとほかのブラウザで違う

・最近のテーマやプラグインの更新で、見た目の作りが変わった

「最近、何か更新したか」も思い出しておくと、原因が早く分かります。

■直してもらうときに伝えること

・崩れているページのアドレス

・崩れている画面の写真（画面全体が写るように）

・iPhoneの機種と、ソフトの版

・ほかのiPhoneでも崩れるかどうか

・いつから崩れているか、直前に更新したもの

この5つがそろっていれば、原因を探す時間がぐっと短くなります。

■自分で確かめるチェックリスト

・ほかのiPhoneでも崩れるかを確かめた

・iPhoneのソフトの版を確かめた

・Safariの記憶を消して開き直した

・文字の大きさの設定を確かめた

・崩れている画面の写真を撮った

・直前に更新したものを思い出した

■よくある質問

Q. 自分のiPhoneだけ崩れます。サイトを直す必要はありますか？

A. ほかのiPhoneで問題がなければ、多くはそのiPhoneの設定や記憶が原因です。ソフトの更新や、記憶を消すことを試してみてください。

Q. 古いiPhoneを使っているお客様にも、正しく見せたいです。

A. どこまで古い機種に対応するかは、作りや費用とのかね合いで決めます。お客様の多くが使っている機種を基準にするのが現実的です。

Q. 崩れているのに、パソコンで確かめると直っているように見えます。

A. パソコンの画面を狭くして見ても、iPhoneのSafariとは同じになりません。実際のiPhoneで確かめることが大切です。

Q. 更新したら崩れ始めました。

A. 更新したテーマやプラグインが原因のことがあります。バックアップがあれば、戻して確かめる方法もあります。

Q. お問い合わせのボタンだけ押せません。

A. 見た目の崩れで、ボタンの上に別のものが重なっていることがあります。お問い合わせにかかわるので、早めに直しましょう。

■直してほしい方へ

ご自分で確かめられる方は、この手順で十分です。

「どのiPhoneでも崩れる」「直し方が分からない」という方には、表示の崩れの修正をお受けしています。

崩れている画面の写真をお送りいただければ、話が早く進みます。

WordPressの修正・不具合を解決します

https://coconala.com/services/748092