CSS網頁設計是現代網頁設計的重要一環，可以使頁面具有更好的布局，更美觀的樣式，成為打造高品質網站的必備技能。本文將向大家介紹CSS如何適配屏幕。

在CSS中，我們可以通過媒體查詢來適配不同大小的屏幕。媒體查詢是一種在CSS中使用的技術，它可以根據設備的屏幕大小和分辨率來應用不同的CSS樣式。

@media screen and (max-width: 600px) {
body {
background-color: lightblue;
}
}

上面這段代碼就是一個簡單的媒體查詢，它會在屏幕寬度小于600像素時改變背景顏色為淺藍色。

除了改變背景顏色之外，我們還可以根據屏幕大小改變其他CSS屬性，比如字體大小、行高、圖片大小等等。比如下面的代碼實現了在屏幕寬度小于600像素時將字體大小調整為16像素：

@media screen and (max-width: 600px) {
body {
font-size: 16px;
}
}

使用媒體查詢可以讓CSS樣式在不同設備上有著良好的適配性，無論是PC端還是移動設備上都可以保持良好的觀感和可用性，提升用戶體驗。在移動設備盛行的今天，適配移動設備已成為前端開發的必備技能。