containers - 将固定宽度的容器应用于流畅的网站？

Question

我必须修复一个网站，该网站是用 html 5 开发的，并且在 body 标记内直接设置了结构化的页眉、节和页脚标记。该网站在桌面上的任何分辨率上都有 100% 的视图。

现在我需要将网站的显示修复为特定的分辨率（比如 1024*768 像素）。为此，我直接在 body 标签内创建了一个新的 div，并将上述所有三个标签（即页眉、节和页脚）都放在其中。我还为新创建的 div 定义了 CSS 中宽度的固定值。

但是，该站点仍以 1024*768 以上的分辨率在浏览器中 100% 显示。尽管我希望它在任何更高的分辨率上都被限制在所述尺寸范围内。

我检查了css，我的类名是唯一的（应用于新的div）。虽然有一个 .wrapper 类 100% 但没有发现它适用于 html 中的任何地方。

谁能帮我解决这个问题！

Answer 1

您在网站中使用的标题位于页面顶部，您不需要定位它。

#container {

max-width: 1200px;

position: relative;

margin: 0 auto;

}

#header {

position: fixed;

top: 0;

width: 1200px;

max-width: 100%;

}