Css 网站宽度。将内容放在包裹中居中

对于这个问题有很多不同的答案，我很难弄清楚我应该练习什么。目前我正在使用脚本将页面居中。我是从这个网站上的某个人那里得到的，但是我不知道足够多的javascript来理解它

这是我使用的代码

    $( document ).ready( function(){
setMaxWidth();

function setMaxWidth() {
$( ".page_wrap" ).css( "maxWidth", ( $( window ).width() * 0.7 | 0 ) + "px" );
}

});

起初我认为这很有效，但在放大和刷新之后，它适应并扩展了所有内容。这不是什么大问题，但我注意到专业网站正在使用这种方法，因为他们的网站在做同样的事情后不会崩溃

对于div wrap和定心内容，我必须使用960px的宽度吗？我不喜欢使用固定宽度

如果您在本网站上注意到：

---

他们没有使用媒体查询来使其响应。当你放大和缩小时，它会很好地适应。这就是我在我的网站上的目标。

使用框架，而不是用jquery手工放置每个元素！节省时间，节省精力，减少错误。尝试将元素水平居中的最常见技术是为包含的元素（必须是块元素）指定一个明确的宽度，并使用

---

这也是你链接的网站正在使用的内容。如果有意识地使用固定宽度是可以的，如果它们通过媒体查询适应不同的屏幕大小，效果会更好。

em的

只是相对固定的，媒体查询是未来网络的一部分，不要回避它们。所以你是说我应该坚持使用960px包装，并使用媒体查询进行更改，而不是转向流体设计路线，在调整大小时会发生变化？例如，当你以1024px屏幕为目标时，960px可能是包装宽度。显式大小只是需要将div居中。流体布局有点不同，我会说（它们会对最轻微的调整做出反应）。这真的取决于你想要实现的设计。还不能投票，但我给了你最好的答案。我通过给我的页面换行设置最小宽度和最大宽度来解决我的问题。看起来效果不错。在没有媒体查询和任何中断的情况下调整大小。仍然会使用媒体查询，但我喜欢流体设计。

margin: 0 auto;