2

現在、私のWebサイトhttp://www.peterfox.meで問題が発生しています。モバイルデバイス(iPhone、Nexus 4)で表示すると、画面を回転させるとbody/htmlのサイズが台無しになります。これはBootstrapのレスポンシブCSSのバグですか?それとも私のサイトの重要な問題ですか?それとも、モバイルブラウザの一般的な問題ですか?

の症状は、通常、縦向きから横向きに移動するか、横向きに開始して横向きに回転すると、ページが横向きの比率の幅であるかのように表示されたままになりますが、実際には縦向きでギャップが残っています。回転前のスクリーンショットを参照してください。理解を深めるために、回転後のスクリーンショット。

4

2 に答える 2

9

メタビューポートは次のようになります。

<meta name="viewport" content="width=device-width, initial-scale=1.0">

メタタグから余分なプロパティを削除してみてください。

于 2013-02-24T13:19:38.120 に答える
3

最後にそれを修正しました

html, body {
    overflow-x: hidden;
}
于 2013-02-24T18:32:34.300 に答える