CSS中的圖片高度單位有三種，分別是像素(px)、百分比(%)和視口高度(vh)。

img {
height: 200px; /* 使用像素作為高度單位 */
height: 50%; /* 使用百分比作為高度單位 */
height: 50vh; /* 使用視口高度作為高度單位 */
}

像素(px)是最常用的高度單位，它表示固定的像素數。當以像素作為單位設置圖片高度時，無論屏幕尺寸如何，圖片大小都是固定的。

百分比(%)是相對于圖片父元素的高度計算的，當以百分比作為單位設置圖片高度時，圖片大小會隨著父元素高度的改變而改變。

視口高度(vh)是相對于視口高度的百分比計算的，1vh等于視口高度的1%。當以視口高度作為單位設置圖片高度時，圖片大小會隨著視口高度的改變而改變。

使用不同的圖片高度單位可以根據不同的需求來達到最佳的效果。例如，對于響應式設計而言，可以使用百分比或視口高度作為圖片高度單位，使頁面在不同尺寸的設備上都能正確顯示。而對于固定尺寸的頁面，可以使用像素作為圖片高度單位，以保持圖片的固定大小。