0

当我将屏幕分辨率更改为 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;
}
4

2 回答 2

5

你有：

 overflow: hidden;

在顶部指定。Top还有：

 width: 100%.

这意味着它被设置为容器的 100%。如果 center-top 被 top 包含，那么它的宽度可能会超过容器（顶部）的 100%。溢出：隐藏然后覆盖滚动条并隐藏所有溢出。

如果您希望它可见：

  1. 删除“溢出：隐藏”。

  2. 将其更改为“溢出：自动”。

别的东西：

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

于 2009-07-25T16:27:49.343 回答
2

在你尝试修复你的网页之前，看看这些

屏幕分辨率统计

由 Michael Bloch 在 Web 开发中发布（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

于 2009-07-25T16:24:34.687 回答