画面の解像度を800x600、640x480などに変更すると、画像を含めてWebページの半分が途切れてしまいます。スクロールバーを使用してページの残りの部分を表示することもできません。CSSを使用してピクセルだけでなくパーセンテージも使用しています。 。修正の助けが必要ですか？すべてのブラウザが影響を受けます。これがサンプルです。
#top {
background: #424ee0;
margin: 0px;
padding: 0px;
width: 100%;
overflow: hidden;
}
#center-top {
margin: 0px;
padding: 5px 0px 5px 0px;
width: 1200px;
margin: 0 auto;
text-align: center;
overflow: hidden;
color: orange;
}
あなたが持っている：
overflow: hidden;
上に指定。トップにもあります：
width: 100%.
これは、コンテナの100％に設定されていることを意味します。センタートップがトップに含まれている場合、その幅はコンテナ（トップ）の100％をはるかに超える可能性があります。Overflow：hiddenはスクロールバーにオーバーライドし、すべてのオーバーフローを非表示にします。
表示したい場合：
「オーバーフロー：非表示」を削除します。
「オーバーフロー：自動」に変更します。
他の何か：
幅を1200pxに明示的に設定しています。これは、水平解像度が1200px未満の場合、スクロールバーが表示されることを意味します。それは本当にあなたが望むものですか？より狭い幅を選択することを検討してください。
Webページを修正する前に、これらを確認してください。
Web開発におけるMichaelBlochによる投稿（2007年9月23日日曜日） http://www.tamingthebeast.net/blog/web-development/screen-resolution-statistics-0907.htm
1 - 44.55% - 1024×768
2 - 13.98% - 1280×1024
3 - 12.43% - 1280×800
4 - 7.31% - 800×600
5 - 4.76% - 1440×900
6 - 3.47% - 1152×864
7 - 2.71% - 1680×1050
8 - 1.72% - 1280×768
9 - 0.97% - 1920×1200
10 - 0.81% - 1280×960
800 x 600はインターネットユーザーの7％のみが使用しており、640x480はリストに含まれていませんでした。それは2007年のことでした。著者は、当時800x600の人気が急速に低下していると述べました。
傾向をより明確に示すチャートは次のとおりです。
Date Higher 1024x768 800x600 640x480 Unknown
January 2009 57% 36% 4% 0% 3%
January 2008 38% 48% 8% 0% 6%
January 2007 26% 54% 14% 0% 6%
January 2006 17% 57% 20% 0% 6%
January 2005 12% 53% 30% 0% 5%
January 2004 10% 47% 37% 1% 5%
January 2003 6% 40% 47% 2% 5%
January 2002 6% 34% 52% 3% 5%
January 2001 5% 29% 55% 6% 5%
January 2000 4% 25% 56% 11% 4%