在頁面設(shè)計中，常常需要設(shè)置頁面的高度和寬度，以使頁面能夠更好地呈現(xiàn)內(nèi)容，同時也為用戶提供更好的用戶體驗。jQuery作為一款流行的JavaScript框架，提供了簡潔明了的API，使得設(shè)置頁面高度和寬度變得非常容易。

// 設(shè)置頁面寬度
$(document).width(500);
// 設(shè)置頁面高度
$(document).height(500);

以上代碼可以將頁面的寬度和高度設(shè)置為500px。如果需要根據(jù)窗口大小動態(tài)設(shè)置頁面大小，可以使用以下代碼：

// 窗口大小改變時自動調(diào)整頁面尺寸
$(window).resize(function(){
var winWidth = $(window).width();
var winHeight = $(window).height();
$(document).width(winWidth);
$(document).height(winHeight);
});

通過以上代碼，當(dāng)窗口大小發(fā)生改變時，頁面的大小也會隨之發(fā)生變化，以適應(yīng)不同的設(shè)備和屏幕尺寸。此外，還可以通過jQuery的CSS方法來設(shè)置頁面的大小和位置：

// 設(shè)置頁面樣式
$(document).css({
'width': '500px',
'height': '500px',
'margin-left': '-250px', // 水平居中
'margin-top': '-250px' // 垂直居中
});

通過以上代碼，可以將頁面的大小設(shè)置為500px*500px，并使其水平垂直居中顯示，從而為用戶提供更好的視覺效果。