CSS中的高度自適應是指可以根據不同的設備屏幕尺寸自動調整元素的高度，而不是固定的像素值。高度自適應可以使網頁在不同的設備屏幕上具有更好的兼容性和適應性。

實現CSS高度自適應的方法有很多，其中使用media查詢是一種常用的方法。首先我們要了解一下media查詢的概念，它是CSS3的一個模塊，用于根據不同的設備屏幕參數來為不同的設備設置不同的樣式。media查詢語句的基本語法如下：

@media screen and (max-width: 768px) {
/* 在此處編寫樣式代碼 */
}

在上面的代碼中，screen表示適用于屏幕設備，而max-width:768px表示當屏幕寬度小于等于768像素時，應用這段CSS樣式。通過這樣的方式，我們可以為不同設備的屏幕定義不同尺寸的元素。

例如，我們可以為移動設備定義10個像素的行高，而為桌面設備定義20個像素的行高。這就是高度自適應。

需要注意的是，媒體查詢只能在CSS中使用，不能在HTML和JavaScript中使用。這是因為媒體查詢只是CSS的一個模塊而已，它是用于指導CSS如何樣式化HTML元素的。

總的來說，高度自適應是Web設計中非常重要的概念，使我們的網頁更具有適應性和兼容性。掌握媒體查詢的使用方法，可以幫助我們在設計網頁時靈活性更強。