JQuery是一種廣泛使用的JavaScript庫，它可以使HTML文檔更加動(dòng)態(tài)和交互性。而其中一項(xiàng)功能是可以讓頁面自適應(yīng)屏幕大小，這是非常有用的一個(gè)功能。

使用JQuery讓頁面自適應(yīng)屏幕大小有很多方法，其中最常用的方法是利用CSS3的媒體查詢功能。這個(gè)功能可以根據(jù)不同的屏幕大小來應(yīng)用不同的CSS樣式。下面是一個(gè)基本的代碼示例：

@media only screen and (max-width: 768px) {
// 在屏幕寬度小于等于768像素時(shí)應(yīng)用的CSS樣式
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
// 在屏幕寬度在769像素到1024像素之間應(yīng)用的CSS樣式
}
@media only screen and (min-width: 1025px) {
// 在屏幕寬度大于等于1025像素時(shí)應(yīng)用的CSS樣式
}

除了使用CSS媒體查詢外，還可以使用JQuery的resize方法來動(dòng)態(tài)調(diào)整頁面的布局和樣式。下面是一個(gè)基本的代碼示例：

$(window).resize(function() {
// 在窗口大小改變時(shí)觸發(fā)的代碼
if ($(window).width() <= 768) {
// 在屏幕寬度小于等于768像素時(shí)應(yīng)用的代碼
} else if ($(window).width() > 768 && $(window).width() <= 1024) {
// 在屏幕寬度在769像素到1024像素之間應(yīng)用的代碼
} else {
// 在屏幕寬度大于等于1025像素時(shí)應(yīng)用的代碼
}
});

總的來說，使用JQuery讓頁面自適應(yīng)屏幕大小是一個(gè)非常有用的功能，可以讓你的網(wǎng)站在不同的設(shè)備上表現(xiàn)更好。而以上的代碼示例只是基本的用法，你可以根據(jù)自己的需求進(jìn)一步擴(kuò)展和優(yōu)化代碼。