Question

我正在设计一个网站，但面临一个重大问题。问题是网站在我目前的分辨率上看起来很好。但是一旦我开始在我的浏览器上放大或缩小（ctrl + +，ctrl + - ），页眉和页脚中的内容就会开始移动。

即使页面放大或缩小，我也希望导航项目和页脚内容保持其位置。

任何帮助将不胜感激。 css很简单，因此识别问题不会太麻烦。这是URL：http://verdiensamen.nl/TestingSoccer/

Answer 1

设置容器的特定宽度。喜欢这个

 #container {
  min-width: 800px;
  margin: 0 auto;
  margin-top: 1%;
  }

它将解决您的问题。

Answer 2

绝对遵循Syed Mohsin的建议来指定容器宽度。此外，您可能希望在display:block;元素上应用#container。这样可以防止盒子的宽度发生变化。