在移動設備上訪問網站已經成為了日常生活中的一部分，但不同設備之間屏幕尺寸的差異導致了一些網站顯示不良。這時候，CSS自適應技術就發揮了重要作用。

自適應網頁的核心原理是通過CSS媒體查詢根據不同的屏幕尺寸來動態調整網頁的布局和樣式。我們可以在CSS代碼中添加媒體查詢，并設置對應的樣式來適配不同的設備。下面是一個簡單的例子：

/* PC端樣式 */
body {
background-color: #f2f2f2;
font-size: 16px;
max-width: 1200px;
margin: 0 auto;
}
/* 手機端樣式 */
@media screen and (max-width: 767px) {
body {
background-color: #fff;
font-size: 14px;
max-width: 100%;
padding: 10px;
}
}

在上面的代碼中，我們為PC端和手機端設置了不同的樣式。PC端的body標簽設置了背景顏色、字體大小、最大寬度和居中等樣式。而當屏幕寬度小于767px時，我們使用了@media查詢來應用手機端的樣式：將背景顏色、字體大小調整為適合手機端的大小，并且最大寬度設置為100%以填充整個屏幕。

此外，還有一些CSS技巧可以幫助我們實現更好的自適應效果，如使用em或rem相對單位來設置字體大小和容器寬度，使用grid或flex布局來自動調整內容等等。

總的來說，CSS自適應技術可以讓網站在不同設備間自動適應布局和樣式，提高用戶體驗，也是開發移動應用不可或缺的技能。