使用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（不支持最大宽度）可以尝试在IE6 CSS中使用表达式：

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

如果要使用Jav aScript：你可能只是调整窗口的大小调整事件的元素：

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

您最初可能引发使用

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