在設計響應式網站時，我們經常需要讓元素的寬度和高度自適應屏幕大小。使用jQuery可以很輕松地實現這個目標。

$(document).ready(function() {
// 設置元素的寬度和高度為屏幕大小
$("div").width($(window).width());
$("div").height($(window).height());
// 監聽窗口大小的變化
$(window).resize(function() {
// 當窗口大小變化時，重新設置元素大小
$("div").width($(window).width());
$("div").height($(window).height());
});
});

代碼中，我們使用了jQuery的width和height方法來設置元素的寬度和高度。這兩個方法第一個參數可以傳入具體的數值，也可以像我們這里一樣傳入一個函數，表示自適應屏幕大小。

在頁面加載完成后，我們通過調用$(window).width()和$(window).height()方法來獲取屏幕的寬度和高度，然后將獲取的數據設置給目標元素。

為了響應窗口大小的變化，我們還需要使用jQuery的resize方法，監聽窗口大小的變化事件。當窗口大小發生變化時，我們再重新獲取屏幕的寬度和高度，并重新設置給目標元素，讓其自適應屏幕大小。

總的來說，jQuery 設置元素的寬度和高度自適應屏幕大小非常簡單。只需要在頁面加載完成后設置一次，并且在resize方法中重新設置即可。