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

Question

当用户单击浏览器的Maximized/Restore Down或Minimized按钮时,有没有办法用javascript跟踪这些事件？是否有适当的事件或财产可供使用？

我希望当用户点击浏览器右上角的"最大化"按钮时,网页应该延伸到特定宽度,当浏览器处于可调整大小模式时,网页可以调整大小.

请有人帮帮我吗？我不介意javascript或jquery.

提前致谢.

Answer 1

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

如果是这种情况,您可以在CSS或JavaScript中执行此操作.

想象您的内容在以下元素中:

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

我首选的选择是使用CSS如下:

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

如果您需要支持IE6(不支持max-width),您可以尝试在IE6 CSS中使用表达式:

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

如果你想使用JavaScript:你可以在窗口的resize事件中调整元素的大小:

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

您最初可以使用触发该逻辑

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