隨著移動設備的普及，頁面自適應已經成為了一個網站必須面對的問題。而 CSS 中有一些技巧可以幫助我們實現頁面的自適應。

首先，我們可以使用媒體查詢來為不同的設備設置不同的樣式。媒體查詢基于設備的尺寸、分辨率、方向等參數進行條件篩選。例如：

@media (max-width: 768px) {
/* 在窗口寬度小于 768 像素時應用的樣式 */
}

其次，我們可以使用相對單位來定義樣式，例如百分比等。相對單位可以根據父元素的大小來適應不同的屏幕。例如：

.container {
width: 100%;
max-width: 960px;
margin: 0 auto;
}
.box {
width: 50%;
float: left;
padding: 20px;
box-sizing: border-box;
}

上述代碼中，我們定義了一個容器，它最大寬度為 960 像素，但是其寬度使用了百分比單位，可以自適應不同的設備。而內部的盒子使用了百分比作為寬度單位，也可以適應不同的屏幕。

另外，我們還可以使用 CSS3 提供的彈性盒子布局（Flexbox）和網格布局（Grid）來實現頁面的自適應。這些布局方式使用了現代瀏覽器提供的 CSS3 新特性來實現強大的布局功能。

總之，CSS 中有很多技術可以幫助我們實現頁面的自適應，只需要根據實際情況選擇合適的技術即可。