如何通過單擊jQuery來更改文檔大小

Question

是否可以通過單擊按鈕來更改jQuery中的窗口/文檔大小？例如，我試圖做一些這樣的事情：

<button type="button" class="mobile">Mobile size!</button> 

<script> 
$(document).ready(function() { 
$(".mobile").click(function() { 
    $(document).height() = "400px"; 
    $(document).width() = "300px"; 
}); 
}); 
</script> 

Answer 1

首先回答，不是不是真的。有一個原因，爲什麼沒有任何本地方法來專門調整窗口的大小。您可以將調整大小的處理程序附加到窗口，檢測更改並以實物形式回覆。

爲什麼要更改實際的窗口或瀏覽器大小？這是留給客戶的決定，您的代碼應該響應他們的瀏覽器/查看設備。

您也可以使用媒體查詢根據窗口大小渲染移動樣式表。