Question

当我将屏幕分辨率更改为800x600,640x480等等时，我的网页的一半被切断，包括图像我甚至无法使用滚动条来查看页面的其余部分，我使用的百分比以及使用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;
}

Answer 1

你有：

 overflow: hidden;

在顶部指定。 Top还有：

 width: 100%.

这意味着它设置为容器的100％。如果顶部包含中心顶部，则其宽度可能超过容器的100％（顶部）。溢出：隐藏然后覆盖滚动条并隐藏所有溢出。

如果您希望它可见：

删除“溢出：隐藏”。
将其更改为“overflow：auto”。

其他东西：

您明确将宽度设置为1200px。这意味着水平分辨率低于1200像素的任何人，他们会看到滚动条。这真的是你想要的吗？考虑选择较小的宽度。

Answer 2

在您尝试修复网页之前，请先查看这些

屏幕分辨率统计

Michael Bloch发表于网站开发（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％的互联网用户使用，而640 x 480甚至不会列入清单。那是在2007年。作者指出，800 x 600当时正在迅速普及。

这是一个更清楚地显示趋势的图表：

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%

http://www.w3schools.com/browsers/browsers_display.asp

屏幕分辨率＆amp;网页问题？

2 个答案:

屏幕分辨率统计