如何在缩放期间保持网站内容不移动？

Question

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

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

然后是页面中心的主要内容文本。当用户放大时，居中的内容会快速向导向左移动并最终开始环绕它并且看起来很糟糕。

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

Answer 1

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

Answer 2

如何将代码保持在缩放的中心位置？

将代码置于缩放中心？

解答：
＆lt; div id =“wrapper”＆gt;将此div标记放在代码之外＆lt; / DIV＆GT;

   #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;
   }