Question

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

这是使用

的代码

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

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

});

起初我觉得这很好用，但是在缩小和刷新之后，它会适应并延伸一切。这不是一个大问题，但我注意到专业网站正在使用这种方法，因为他们的网站在做同样的事情后不会破坏。

对于div包装和居中内容，我必须使用960px的宽度吗？我不喜欢使用固定宽度。

如果您在此网站上发现了http://themetrust.com/demos/hero/

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

Answer 1

对于水平居中元素，最常见的tecnique是为包含的元素提供显式宽度（必须是块元素）并使用

margin: 0 auto;

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

Answer 2

使用框架而不是手工放置每个元素和jquery！节省时间，节省工作量，减少错误。试试bootstrap

网站宽度。将内容集中在一个包装中

2 个答案: