0

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

这是我使用的代码

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

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

});

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

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

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

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

4

2 回答 2

1

水平居中元素的最常见技术是为包含的元素（必须是块元素）提供明确的宽度并使用

margin: 0 auto;

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

于 2013-06-08T16:46:33.713 回答
0

使用框架而不是手动和 jquery 放置每个元素！节省时间，省力，减少错误。尝试引导

于 2013-06-08T16:44:41.330 回答