在更改屏幕分辨率时修复div和内容

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元素上。 这样可以防止盒子的宽度发生变化。