在網頁設計和開發中，我們經常會遇到需要讓圖片自適應屏幕高度的情況。這樣可以使頁面更加美觀，并且讓用戶體驗更好。下面我們來介紹一種使用CSS讓圖片自適應屏幕高度的方法。

img {
max-height: 100vh;
width: auto;
}

在上面的CSS代碼中，我們首先將圖片的最大高度設定為100vh。vh是視口高度（viewport height）的意思，1vh等于文檔顯示區域高度的1/100。這樣設置可以使圖片高度隨著視口高度變化而變化。

接著，我們將圖片的寬度設定為自適應，即由瀏覽器自動計算寬度。

使用這種方法時，需要注意一下幾點：

• 圖片的高度不會大于視口高度，但是如果圖片原始尺寸比視口高度小，依然會被拉伸至100vh。
• 如果圖片比視口寬度還要寬，那么這種方法適用不了。
• 在某些瀏覽器中，該方法會使圖片變得模糊，可以使用image-renderingCSS屬性進行優化。

總之，利用CSS讓圖片自適應屏幕高度是一種簡單而有效的方法，可以幫助我們更好地呈現網頁內容，提升用戶體驗。