如何将网页的宽度设置为始终精确为1000px?例如,像Facebook或StackOverflow这样.该网站不会调整大小.如果浏览器窗口小于1000px,则需要滚动条.页面应该在浏览器中居中.
我总是可以将页面的内容放在<div></div>标签中,但我已经读过它不适用于所有浏览器.那么正确的方法是什么?
Pek*_*ica 13
将内容包含在div具有CSS width属性设置的内容中,1000px可以跨浏览器使用.
CSS:
div.content { width: 1000px }
Run Code Online (Sandbox Code Playgroud)
HTML:
<body>
<div class="content">
...
</div>
<body>
Run Code Online (Sandbox Code Playgroud)
但是,请考虑使用960像素而不是1000像素.它是一种可靠的标准,适用于大多数设备,最小1024像素显示宽度,包括滚动条等空间.
小智 5
直接设置正文以该宽度显示:
body {
width:1000px;
margin:0 auto;
}
Run Code Online (Sandbox Code Playgroud)
不过,我通常使用换行 div,如下所示:
html
<body>
<div class="wrap"></div>
<body>
Run Code Online (Sandbox Code Playgroud)
CSS
div.wrap {
width:1000px;
margin:0 auto;
}
Run Code Online (Sandbox Code Playgroud)