CSS自適應可以讓網頁在不同尺寸的顯示設備上呈現出相同的布局效果，提高了用戶體驗和網頁的可訪問性。

要實現CSS自適應，可以采用如下方法：

/* 讓頁面元素的寬度、高度、字體等屬性隨著視口的大小而改變 */
@media screen and (min-width: 768px) {
.container {
width: 90%;
max-width: 960px;
}
}
@media screen and (min-width: 992px) {
.container {
width: 70%;
max-width: 1170px;
}
}

通過@media指令來定義多個不同的CSS規則，來適應不同寬度的設備。其中，min-width定義了最小寬度，以像素為單位。

此外，還可以使用彈性盒模型（Flexbox）和柵格布局（CSS Grid）來實現網頁的自適應。彈性盒模型是一種靈活的布局方式，可以方便地控制元素的位置和大小。而柵格布局則是將頁面分割成網格，在網格內定位元素和控制其尺寸。

總之，CSS自適應是提高網頁可訪問性和用戶體驗的一種重要手段，希望本文能夠對您有所幫助。