CSS 中，我們常常需要保證圖片的寬高比例，讓圖片在不同尺寸的屏幕上正常顯示。下面介紹一種讓圖片高度隨寬度自適應的 CSS 解決方案。

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

這里使用了兩個 CSS 屬性來實現自適應高度：

• max-width: 將圖片寬度限制為最大寬度，可以根據屏幕尺寸自適應調整
• height: auto;: 保證圖片高度與寬度成比例，實現自適應高度

這種方法可以保證在不同尺寸的屏幕上都能正常顯示圖片，同時不會拉伸或壓縮圖片。

另外，需要注意的是，如果圖片本身的像素尺寸過小，那么即使使用該方法，也無法保證在高分辨率下顯示得清晰。因此，應該選擇高質量、高分辨率的圖片，以獲得更好的顯示效果。