CSS在網(wǎng)頁設計中發(fā)揮著非常重要的作用。其中，圖片高度的設置也是網(wǎng)頁設計的必備技能之一。在設置圖片高度時，我們需要考慮圖片的真實高度，否則可能會導致圖片變形或拉伸。

在CSS中，我們可以通過設置“max-height”屬性來保持圖片的比例不變。此屬性指定元素的最大高度，當元素高度超過指定的值時，會自動縮小圖片，從而保持圖片的比例。

img {
max-height: 100%;
}

另一種方法是使用“height”屬性來指定元素的高度。在此情況下，我們需要確保指定的高度與圖片的真實高度相同。否則，圖片就會被拉伸或壓縮，從而影響網(wǎng)頁的外觀。

img {
height: 500px;
}

此外，“height”屬性還可以設置為“auto”，這將根據(jù)圖片的比例自動確定其高度。

img {
height: auto;
}

在設置圖片高度時，我們還需要了解圖片的基本信息，例如其真實高度，以正確的方式進行調(diào)整。可以通過JavaScript獲取圖片的真實高度：

var img = new Image();
img.onload = function() {
var height = img.height;
}
img.src = "image.jpg";

以上是關于CSS設置圖片高度的一些基本知識，希望對大家有所幫助。