CSS如何讓圖片自適應高度

在CSS中，我們可以使用多種方法讓圖片自適應高度，以下是一種常見的方法：

1、使用百分比單位：我們可以將圖片的高度設置為容器高度的百分比，如果容器的高度為500px，我們可以將圖片的高度設置為100%，這樣，圖片的高度就會隨著容器高度的變化而變化，從而實現(xiàn)自適應高度。

2、使用視窗單位（vw）：視窗單位是一種相對單位，它可以根據(jù)視窗（即瀏覽器窗口）的寬度和高度來動態(tài)調(diào)整，我們可以將圖片的高度設置為視窗高度的某個比例，例如50vw，這樣圖片的高度就會隨著視窗高度的變化而變化，達到自適應高度的效果。

3、使用JavaScript：除了CSS方法外，我們還可以使用JavaScript來動態(tài)調(diào)整圖片的高度，我們可以使用JavaScript獲取容器的高度，并根據(jù)容器高度的變化來動態(tài)調(diào)整圖片的高度，這種方法需要編寫JavaScript代碼，但是它可以實現(xiàn)更復雜的自適應效果。

三種方法都可以實現(xiàn)CSS中圖片的自適應高度，我們可以根據(jù)具體的需求和場景來選擇***適合的方法。