JQuery 是一套跨瀏覽器的 Javascript 庫，可以快速簡便地進行 Web開發(fā)。其中，頁面自適應(yīng)屏幕是一項很常見的功能。

$(document).ready(function(){
function resize() {
var w = $(window).width();
if (w >= 768) {
$('.nav li').show();
} else {
$('.nav li').hide();
}
}
resize();
$(window).resize(resize);
});

以上代碼實現(xiàn)了一個簡單的功能：當(dāng)瀏覽器寬度小于 768px 時，隱藏導(dǎo)航欄里的菜單列表；而當(dāng)寬度大于等于 768px 時，顯示導(dǎo)航欄里的菜單列表。

在上述代碼中，我們在$(document).ready()函數(shù)中，添加了一個名為 'resize' 的函數(shù)。該函數(shù)獲取瀏覽器的寬度，并根據(jù)寬度是否小于 768px來控制導(dǎo)航欄的菜單列表是否要隱藏。

代碼的最后兩行，resize() 函數(shù)能夠保證頁面在加載時就會被執(zhí)行；$(window).resize() 函數(shù)則保證了當(dāng)瀏覽器寬度變化時，同樣可以執(zhí)行 resize() 函數(shù)。

以上代碼是頁面自適應(yīng)屏幕的一個簡單實現(xiàn)，只需簡單地使用 JQuery，就可以實現(xiàn)這一功能。