CSS自適應是指網頁設計的一種技術，讓頁面可自動適應于不同尺寸、不同分辨率的設備屏幕，包括電腦屏幕、平板和手機等移動設備。

@media screen and (min-width: 768px) and (max-width: 1024px) {
/* 在這里添加對于768px和1024px之間的屏幕尺寸的CSS樣式 */
}
@media screen and (max-width: 767px) {
/* 在這里添加對于小于等于767px的屏幕尺寸的CSS樣式 */
}
@media screen and (max-width: 480px) {
/* 在這里添加對于小于等于480px的屏幕尺寸的CSS樣式 */
}

用CSS媒體查詢可以根據不同的屏幕尺寸設置不同的CSS樣式，以此來達到頁面自適應的目的。例如，在上述代碼中，當使用的屏幕尺寸寬度在768px到1024px之間時，將應用此段代碼中定義的CSS樣式。

在設計自適應網頁時，應該先根據設計思路考慮不同的屏幕或設備的布局和顯示效果，以便從根本上解決不同分辨率下的不同界面問題。這樣，網頁設計師就可以通過CSS技術實現各種設備的兼容性，從而幫助網頁優化，提高用戶訪問體驗。