CSS 是前端開發中必不可少的一部分，它可以實現頁面的美化和樣式的控制。其中，圖片的自適應也是我們經常需要考慮的問題。下面通過探討 css 中圖片高自適應的具體實現來進行詳細介紹。

img{
max-width: 100%;
height: auto;
}

在上面的代碼中，我們使用了 max-width 和 height:auto 兩個屬性。其中，max-width 對于圖片來說是一個很重要的屬性，它指定了圖片最大寬度為瀏覽器能夠顯示的最大寬度。而當圖片的寬度超出了規定的最大寬度，寬度則按比例縮小，以適應瀏覽器的寬度。height:auto 則保證了圖片的高度隨著寬度的比例自動調整，從而實現了圖片高自適應的效果。

需要注意的是，在實現圖片高自適應的過程中，我們通常不需要顯式地設置圖片的高度，而是通過 max-width 的設定來達到自適應的效果。這可以讓圖片在不同尺寸的屏幕上呈現出更好的效果。

總之，CSS 中的圖片高自適應主要是通過 max-width 和 height:auto 兩個屬性來實現的。通過這種方式，圖片可以在不同尺寸的屏幕上自適應地調整大小，從而讓頁面看起來更加美觀和流暢。