使网页固定且无法缩放

Question

我需要使我的网页不可缩放，这样div就不会相互碰撞或重叠。stackoverflow网站是一个很好的例子。当用户放大网页时，div应该保持在它们原来的位置上。 当缩放时，它仍然是固定的。 我需要对CSS文件做哪些更改？

- Jay

---

你应该给你的外部容器一个固定的宽度。 - Ashish Bhagat

@AshishBhagat 你应该在回答中给出示例。 - user786

https://dev59.com/eGzXa4cB1Zd3GeqPUolV - Radonirina Maminiaina

http://stackoverflow.com/questions/4001256/how-do-you-prevent-firefox-from-zooming-in-when-pressing-ctrl-and - Radonirina Maminiaina

Answer 1

您必须使用像素（px）来设置宽度。如果您希望在缩放时保持正确的布局，应该使用百分比来设置宽度。

- user786

---

我现在正在以像素为单位指定宽度。如果我同时更改所有div的高度和宽度，百分比应该可以解决问题？ - Jay

尝试这样做，我认为这就是你要找的。 - user786

Answer 2

在您的包含元素上声明特定宽度。 如果您查看 Stack Overflow 的以下 CSS，您会发现他们在内容块上设置了宽度。

#content {
    width: 1000px;
}

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

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

我希望这可以帮助你。

- Joshua Kelly

Answer 3

<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0'/>

这应该可以工作

- Ramy Hadid