現在的網頁設計越來越注重圖片的運用，而開發者們也常常會遇到圖片高度無法控制的問題。本文將針對此問題進行探討。

在使用CSS時，通常會使用height屬性或max-height屬性來限制圖片的高度。但是有時會遇到這樣的情況：明明已經設置了圖片的高度，但是在網頁中顯示的時候卻完全沒有起作用。

造成這種情況的原因是，圖片的高度并非由CSS中的height屬性來控制。圖片的高度是由其本身的尺寸決定的。如果CSS中設置的高度大于圖片的原始高度，那么圖片就會被拉伸，如果設置的高度小于圖片的原始高度，那么圖片就會被壓縮。

為了解決這個問題，我們可以使用“object-fit”屬性。這個屬性可以指定圖片的大小和位置，以達到控制圖片尺寸的目的。

img {
width: 100%;
height: 300px;
object-fit: cover;
}

如上面的代碼所示，我們將圖片的寬度設置為100%。接著，將高度設置為300px，并將“object-fit”屬性的值設置為“cover”。這樣一來，圖片就會按照指定的比例進行裁剪，直到填滿整個元素。

當然，使用“object-fit”屬性的時候，也需要注意兼容性問題。

綜上，想要控制圖片的高度，需要利用“object-fit”屬性，而不是僅僅依靠CSS中的“height”屬性。這樣才能使圖片在網頁中得到精確的控制，達到最佳的展示效果。