HTML5 モバイル ページは右にスライドし、スタイルに影響を与える可能性があります。

私が書いたh5ページが携帯電話では右にスライドしてしまい、スタイルに問題が発生することがわかりました〜

HTML ヘッドに次のコンテンツを追加します。

 <meta name=viewport content=width=device-width,initial-scale=1.0, user-scalable=no> 

1. width=device-width 、ページの幅をデバイスの幅と同じにすることを意味します
2. initial-scale=1.0 、初期ページ幅がデバイス幅の 1 倍に等しいことを意味します
3. user-scalable=no変更できないことを意味します

上記の設定を実行しても、問題は解決されませんでした。要素を確認したところ、ページ上の要素（紫色の部分）の幅がデバイスの幅を超えており、ページがスライドする原因となっていることがわかりました。

幅が広すぎる要素のCSSを修正したところ、問題は解決しました。

以上がこの記事の全内容です。皆様の学習のお役に立てれば幸いです。また、VeVb Wulin Network をご支援いただければ幸いです。