屏幕分辨率和网页问题？

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;

在顶部指定.顶部还有:

 width: 100%. 

这意味着它被设置为容器的100%.如果顶部包含中心顶部,则其宽度可能超过容器的100%(顶部).溢出:隐藏然后覆盖滚动条并隐藏所有溢出.

如果您希望它可见:

1. 删除"溢出:隐藏".

2. 将其更改为"overflow:auto".

别的东西:

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