使用Javascript最大化/最小化檢測瀏覽器窗口

當用戶單擊瀏覽器的Maximized/Restore Down或Minimized按鈕時，是否有一種方法可以跟蹤JavaScript的這些事件？是否有任何適當的事件或財產可供使用？使用Javascript最大化/最小化檢測瀏覽器窗口

我希望當用戶點擊瀏覽器右上角的「最大化」按鈕時，網頁應該伸展到特定的寬度，並且當瀏覽器處於可調整大小的模式時，網頁的大小可以調整。

請問有人可以幫我嗎？我不介意JavaScript或jQuery。

在此先感謝。

2010-07-30 Shaoz

不要迂腐的是邏輯，但jQuery的*是*的JavaScript。 – 2010-07-30 14:24:23

是的我知道這一點，但我不想寫一個長的句子來解釋jquery如何從javascript派生出來，而且我不介意代碼應該使用javascript還是使用jquery很長時間，就像我在做的一樣現在... – Shaoz 2010-07-30 15:21:59

這聽起來像你想要的是一個佈局，調整瀏覽器的大小，但只能調整到最大寬度。

如果是這種情況，您可以在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');

2010-07-30 13:48:54 stucampbell

感謝您的回答。我設法讓它工作:) – Shaoz 2010-07-30 15:23:20

回答