CSS是前端開發中常用的樣式表語言，它可以控制網頁中的格式和布局。其中，圖像的高度自適應是一個常見的需求，下面我們就來介紹一下如何實現。

首先，我們需要了解一下圖像自適應的概念。簡單來說，就是指圖像能夠在不變形的情況下，根據容器的大小自動調整尺寸。

下面是一個例子：

<div class="container">
<img src="example.jpg" alt="example" class="image">
</div>

在這個例子中，我們設置了一個容器，寬度為50%，高度為200px，邊框為1px實線灰色。內部是一個圖像，src為example.jpg，替代文本為example，class為image。

在樣式表中，我們設置了圖像的寬度為100%，高度為auto。這就代表著圖像會根據它的寬度自動適應高度，以保證不變形。

這樣，我們就完成了一個簡單的圖像自適應設計。