1

私はクライアント/デザイン スタジオの Web サイトで作業しています。body 要素と html 要素を幅 100% に設定しているにもかかわらず、ブラウザーのサイズを変更すると、スクロールバーが表示され、そこを見つけるためだけに右にスクロールする必要があるという奇妙な問題がありました。右側に約150ピクセルの隙間があります。body 要素のコンテナー () は、ブラウザーのサイズが変更されたときに 1240px の固定幅に設定されますが、それでも右側にギャップが残ります。

body 要素の css コードは次のとおりです。

body {
min-width: 1200px;
max-width: 100%;
left: 0px;
right: 0px;
width: auto !important;
margin: 0 auto;
padding: 0;
background: url('images/bg-repeat2.jpg') repeat;
line-height: 1;
font: 'BitstreamVeraSerifRoman', Arial, sans-serif;
}

html 要素の css は次のとおりです。

html {
margin: 0 auto;
padding: 0;
width: 100%;
min-width: 1200px;
left: 0px;
right: 0px;
}

「overflow-x: hidden;」は使用していません。小さい画面やモバイル デバイスでもスクロールの必要性が懸念されるためです。このサイトはデスクトップ版であることに注意してください。

このコミュニティの誰かが解決策や修正を提供することで支援できるとありがたいです.

ありがとう。

4

1 に答える 1

2

あなたの問題は min-width:1200px; のようです。それを削除すると、必須の水平スクロールが解決されます。100% の幅が必要な場合は、次のようにします。

html, body {
width:100%;
}

html と body については、それ以上の幅は必要ないと思います。その場合は、理由を説明するか、必要なものの写真を投稿してください。

于 2012-12-12T12:32:15.903 に答える