如何让我的网站内容在缩放过程中不移动？

Question

我想不出这个问题的正确措辞，但这里是我的问题：

当用户点击Ctrl + Plus放大我的页面时，内容似乎互相推each。 例如，我有一个导航div在页面的左上角自己浮动。

然后在页面中居中显示主要内容文本。当用户放大时，居中的内容迅速向导航方向左移，最终开始环绕它，看起来很糟糕。

是否有高层次的方式可以向我描述如何构建我的页面，以便缩放可以保持事物的稳定性并“只是放大”而不会扭曲原始位置？

Answer 1

This link from "A List Apart"涵盖了一些字体大小和流体web开发。它应该给你一些关于如何构建页面以适应字体大小变化的好方向。您可能还想查看media queries，因为它们允许您基于浏览器或设备的某些特征来应用样式。

Answer 2

如何将代码放在缩放的中心？

居中代码放大？

解答：
< DIV ID = “包装”>将这个div标签的代码</DIV>

#wrapper 
    { 
    background-color: #F00; 
    width: 400px;//This width can be anything according to your need 
    margin-right: auto;//Note margin-right and left are allocated automatically 
    margin-left: auto; 
    } 

以外另一种方法

#wrapper 
    { 
    background-color: #F00; 
    width: 400px; 
    position:relative; 
    }