css - 网站宽度。将内容居中

Question

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

这是我使用的代码

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

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

});

起初我认为这很好用，但在缩小和刷新之后，它适应并拉伸(stretch)了所有内容。这不是什么大问题，但我注意到专业网站正在使用这种方法，因为他们的网站在执行相同操作后不会崩溃。

对于 div 环绕和居中内容，我必须使用 960 像素的宽度吗？我不喜欢使用固定宽度。

如果您在本网站上注意到:http://themetrust.com/demos/hero/

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

Answer 1

水平居中元素最常用的技术是为包含的元素(必须是 block 元素)指定明确的宽度并使用

margin: 0 auto;

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