近年來，隨著移動互聯網的普及，網站的多終端適配問題成為了開發者們的重要問題之一。而CSS的自適應設計能夠有效解決這一問題，讓網頁在不同尺寸的設備中都可以優美展示。

@media screen and (min-width: 768px) {
body {
font-size: 16px;
}
}
@media screen and (max-width: 767px) {
body {
font-size: 14px;
}
}
@media screen and (max-width: 480px) {
body {
font-size: 12px;
}
}

上述代碼是一段常用的CSS自適應設計代碼，它可以根據設備的屏幕大小調整字體的大小從而使得網頁不論在手機上還是電腦上都有良好的閱讀體驗。

其中，media queries是CSS3中引入的新特性，能夠根據媒體（例如屏幕）的不同特性，為不同設備提供不同的CSS樣式，從而實現多終端適配。

除了字體大小，還有一些其他的CSS屬性也可以用于自適應設計，如max-width、min-width等等。這些屬性可以讓元素根據設備的屏幕大小自動調整寬度和高度，從而使得網頁布局更加美觀。

總之，CSS的自適應設計為網頁在不同尺寸的設備上展示提供了良好的解決方案。而開發者們需要不斷學習和探索，才能真正掌握這種技術，創造出更加優秀的多終端適配網頁。