使用Javascript检测最大化/最小化的浏览器窗口

这听起来像你想要的是一个布局,当浏览器的大小调整,但只有一个最大的宽度调整。

如果是这样的话,你可以用CSS或者JavaScript来实现。

想象你的内容是这样的:

<div class="container"> -content here- </div>

我的首选方法是使用CSS,如下所示:

.container{
    max-width: 1200px;
    width: 100%;
}

如果需要支持IE6(不支持最大宽度),可以尝试在IE6 CSS中使用表达式:

.container{
    width:expression(document.body.clientWidth > 1200 ? "1200px" : "100%" ); /*IE6*/
}

$(window).bind('resize', function() {
    // resize $('.container').width() based on $(window).width()
});

你可以使用

$(window).trigger('resize');