使网页固定且不可缩放

时间:2015-05-28 06:46:26

标签: javascript html css asp.net

我需要使我的网页不可缩放,以便div不会相互冲突或相互重叠。 stackoverflow站点就是一个很好的例子。在用户放大网页的情况下,div应该处于其原始位置。

enter image description here

当缩放时,它仍然是固定的。

When Zoomed

我需要对CSS文件进行哪些更改?

2 个答案:

答案 0 :(得分:1)

你必须以px给出宽度。如果您希望在放大或缩小时布局保持正确,则应以百分比进行

答案 1 :(得分:1)

在包含元素上,声明一个特定的宽度。

如果你看一下css之后的Stack Overflows,你可以看到他们在内容块上设置了一个宽度。

#content {
    width: 1000px;
}

#content中的子元素也设置了绝对宽度

#mainbar {
    width: 728px;
}
#sidebar {
    width: 220px;
}

我希望这会有所帮助。