CSS是一種用來控制頁面排版及外觀的樣式表語言。CSS的最大優(yōu)點(diǎn)是將文檔的內(nèi)容（即HTML代碼）與表現(xiàn)（即CSS代碼）分離，使網(wǎng)頁設(shè)計(jì)師能夠在不改變網(wǎng)頁內(nèi)容的情況下改變網(wǎng)頁的樣式。在移動(dòng)設(shè)備上，由于屏幕較小，頁面需要進(jìn)行適配以使用戶更加方便地使用網(wǎng)站。

為了實(shí)現(xiàn)小屏幕下的頁面適配，我們可以使用CSS媒體查詢。它可以檢測屏幕的寬度并根據(jù)不同的屏幕寬度為頁面應(yīng)用不同的樣式，從而實(shí)現(xiàn)小屏幕下的頁面排版。

@media screen and (max-width: 480px) {
body {
font-size: 14px;
}
.header {
height: 50px;
}
}

在上面的代碼塊中，我們使用@media指令來定義一組媒體查詢規(guī)則。第一個(gè)規(guī)則是屏幕寬度不超過480像素時(shí)為body元素應(yīng)用14像素字體大小，第二個(gè)規(guī)則是當(dāng)屏幕寬度不超過480像素時(shí)為.header元素應(yīng)用50像素高度。

這樣，當(dāng)用戶在小屏幕設(shè)備上訪問網(wǎng)站時(shí)，頁面所使用的樣式就會(huì)自適應(yīng)屏幕寬度而不會(huì)顯得過于擁擠或不適合瀏覽。

通過使用CSS媒體查詢，我們可以輕松實(shí)現(xiàn)小屏幕下的頁面適配，提高用戶體驗(yàn)，讓用戶在移動(dòng)設(shè)備上更加方便地訪問我們的網(wǎng)站。