css - 在更改屏幕分辨率时固定 div 和内容

Question

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

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

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

Answer 1

设置容器的具体宽度。像这样

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

它会解决你的问题。

Answer 2

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