CSS自適應是指網頁根據不同設備及屏幕尺寸，自動調整顯示方式和布局的技術。在過去，開發者需要為不同的設備設計不同的網頁，但隨著不同屏幕尺寸的普及，這種方式變得過于繁瑣和耗時。

@media screen and (max-width: 767px) {
/* 在這里編寫針對小屏幕設備的樣式 */
body {
font-size: 14px;
margin: 0;
padding: 0;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
/* 在這里編寫針對中等屏幕設備的樣式 */
body {
font-size: 16px;
margin: 0;
padding: 0;
}
}
@media screen and (min-width: 992px) {
/* 在這里編寫針對大屏幕設備的樣式 */
body {
font-size: 18px;
margin: 0 auto;
max-width: 1024px;
}
}

通過使用CSS自適應技術，我們可以通過媒體查詢，對不同的屏幕尺寸設置不同的CSS樣式，讓網頁在不同設備上呈現最佳的用戶體驗。

在編寫自適應的CSS代碼時，一定要考慮到用戶不同的設備、網絡環境以及瀏覽器等因素，從而確保在任何情況下都可以讓網頁完美呈現。