css - 低解像度で表示した場合のレスポンシブサイトの余分な横幅

Question

Twitter Bootstrap でレスポンシブサイトを作成しましたが、320x480 の画面解像度でサイトを表示すると、Web サイトの幅が 20px ～ 30px 余分にあるように見えるため、水平スクロールバーが表示されます。これは、右に水平にスクロールしすぎると表示されます。

ページを形成する要素を調べましたが、この余分な幅の原因を突き止めることはできません。理想的には、320x480 の解像度で水平方向にスクロールしたくありません。

要素を調べた後、Google Chrome で解像度を 320x480 に変更すると、問題を確認できます。

ここにサイトがあります：

score 0 · Accepted Answer

これを試して：

.footer{
     width: 85%;
     margin: 0 auto;
     /* other css properties */
}

score 0 · Accepted Answer

ヘッダータグとフッタータグの横マージンを-20pxから0にリセットしてみてください

score 0 · Accepted Answer

Bootstrap のレスポンシブ機能を有効にしましたか?

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">

bootstrap-responsive.css をウェブサイトに含めて参照する必要があることに注意してください。

お役に立てれば。

css - 低解像度で表示した場合のレスポンシブ サイトの余分な横幅