CSS中的height屬性通常用于設置元素的高度，包括圖片。但是如果我們不知道圖片的確切高度應該如何辦呢？這就需要使用CSS計算圖片高度。

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

如上所示，設置圖片的寬度為100％，高度為自動。這意味著圖片的高度將根據其寬度自動調整，以保持正確的比例。

需要指出的是，如果圖片的原始寬度較小，則寬度為100％的計算圖片高度不會有任何影響，仍然會出現較小的圖片。為了解決這個問題，可以使用min-height屬性來設置最小高度。

img {
width: 100%;
height: auto;
min-height: 300px;
}

如上所示，將最小高度設置為300像素。這將確保哪怕是寬度較小的圖片也能夠填滿頁面，并保持適當的比例。

因此，使用CSS計算圖片高度是非常重要的，特別是在響應式設計中。 通過設置圖片的寬度為100％而不是具體的像素寬度，可以確保圖片在不同設備上正確地顯示，而不用擔心圖片失真或拉伸。