在網(wǎng)頁設(shè)計(jì)中，一些圖片的高度大小往往需要根據(jù)用戶的設(shè)備或屏幕尺寸進(jìn)行調(diào)整。為了實(shí)現(xiàn)這個(gè)功能，可以使用CSS來控制圖片的高度。

CSS提供了不同的方法，在此我們介紹兩種常見的方法：

/* 方法一：使用百分比控制圖片高度 */
img {
height: 50%; /* 圖片高度為當(dāng)前容器高度的50% */
}

上述代碼中，我們通過給圖片設(shè)置一個(gè)百分比高度，使圖片高度相對(duì)于其容器高度進(jìn)行縮放。我們可以根據(jù)需要設(shè)置不同的百分比來適應(yīng)不同大小的屏幕。

/* 方法二：使用max-height控制圖片高度 */
img {
max-height: 100%; /* 最大高度為當(dāng)前容器高度 */
}

此方法中，我們使用了max-height屬性來對(duì)圖片高度進(jìn)行控制，使其不超過其容器的高度。同樣，我們也可以根據(jù)需要更改max-height的值來實(shí)現(xiàn)不同的適應(yīng)效果。

除了上述兩種方法，CSS還提供了其他調(diào)整圖片適應(yīng)效果的屬性，如min-height等。我們可以根據(jù)實(shí)際需要選擇相應(yīng)的方法，實(shí)現(xiàn)圖片的高度自適應(yīng)屏幕。