隨著移動設備的不斷普及，越來越多的人通過手機訪問網頁。然而，不同的設備具有不同的屏幕大小和分辨率，因此需要使用一些技術來適應不同的屏幕。CSS是一種重要的技術，可以幫助我們適配web頁面。

首先，我們可以使用相對單位來設置CSS樣式，例如使用百分比或者em單位。這樣可以讓元素的寬度和高度按比例自適應。另外，我們可以使用媒體查詢來根據屏幕大小來加載不同的CSS樣式。例如，在手機屏幕上，我們可以使用較小的字體和較小的間距，以便信息更容易被讀取。

@media screen and (max-width: 768px) {
body {
font-size: 14px; 
}
.container {
width: 90%;
margin: 0 auto;
}
}

此外，我們還可以使用CSS框架，例如Bootstrap和Foundation，這些框架提供了許多不同的CSS類和模板，使我們可以快速搭建響應式頁面。這些框架會根據不同的屏幕大小自動調整頁面布局，從而使頁面在任何設備上都能夠正常顯示。

總之，CSS是設計響應式web頁面的重要一環。適配頁面的技巧可以讓我們的網頁在不同的設備上都能夠順暢、美觀地展示。我們可以通過調整CSS樣式、使用媒體查詢以及借助CSS框架來實現頁面的適配。有了這些技巧，我們可以更好地滿足用戶的需求，提高用戶體驗，為自己的網絡品牌贏得好口碑。