私はクライアント/デザイン スタジオの 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;」は使用していません。小さい画面やモバイル デバイスでもスクロールの必要性が懸念されるためです。このサイトはデスクトップ版であることに注意してください。
このコミュニティの誰かが解決策や修正を提供することで支援できるとありがたいです.
ありがとう。