我必须修复一个网站,它是用html 5开发的,并且在body标签内部直接设置了头部,部分和页脚标签。该网站可以100%查看桌面上的任何分辨率。
现在我需要将网站显示修改为特定分辨率(比如1024 * 768像素)。为此,我在body标签内直接创建了一个新的div,并将所有上述三个标签,即header,section和footer放入其中。我还为新创建的div定义了css宽度的固定值。
但是,在1024 * 768以上的分辨率下,该网站仍在100%的浏览器中显示。虽然我预计它会在任何更高分辨率的范围内限制。
我在css里面检查过,我的班级名称是唯一的(应用于新的div)。虽然有一个.wrapper类为100%,但没有找到它应用于html中的任何地方。
任何人都可以帮助我!
答案 0 :(得分:1)
您在网站中使用的标题位于页面顶部,您无需定位它。
#container {
max-width: 1200px;
position: relative;
margin: 0 auto;
}
#header {
position: fixed;
top: 0;
width: 1200px;
max-width: 100%;
}