- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：ホームページビルダー作成HPがiPhoneでズレる）
ホームページビルダー作成HPがiPhoneでズレる
このQ&Aのポイント
- ホームページビルダーのテンプレートを使って作成したHPが、iPhoneのSafariで表示がズレる問題が発生しています。
- PC版のSafariでは問題ないのですが、iPhoneでは<h1>や<p>タグが勝手に折り返され、レイアウトが崩れてしまいます。
- 同じテンプレートを使った他のHPも同様の問題が発生しているため、問題はビルダーのCSSにある可能性が高いです。
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
＞CSSがおかしいのだと思います。 Ａ おかしい訳ではなく、 方向性によって違うのだから、見せ方に正解はないです。 スマホ側の仕様です。 ディスプレイの幅で見せる、いや、読ませる為ですよ。 iOS系以外もだけどね。アンドロイドとか。 body{ -webkit-text-size-adjust:100%; } meta viewport も調べると面白いかも。
その他の回答 (1)
- metametamu
- ベストアンサー率51% (153/295)
回答No.1
iphoneは詳しくないのであてにならないかもしれませんが、自動調整機能が悪い方向に働いている可能性があるかもしれません。 body{ -webkit-text-size-adjust:100%; } これをcssに記述してみてください。
質問者
お礼
さっそくのお返事ありがとうございます。 body{ -webkit-text-size-adjust:100%; } だけではダメでした。 さらにNo.2さんのアドバイスで、meta viewport調べました。metaに書いて、さらにスマホ用CSSを書くということですね。調べているうちに、<p>が320pxくらいで折り返してしまうというのがよくわかりました。 時間がかかると思いますが、がんばってスマホ用CSSを作ってみます。ありがとうございました。
お礼
さっそくのお返事ありがとうございます。 body{ -webkit-text-size-adjust:100%; } だけではダメでした。 meta viewport調べました。metaに書いて、さらにスマホ用CSSを書くということですね。調べているうちに、<p>が320pxくらいで折り返してしまうというのがよくわかりました。 時間がかかると思いますが、がんばってスマホ用CSSを作ってみます。ありがとうございました。