在設(shè)計(jì)網(wǎng)頁時(shí)，有時(shí)候我們需要在頁面中放置一些圖片。如果我們想要圖片的高度能夠隨著頁面寬度的變化而變化，就需要使用CSS來控制圖片的大小。

一個(gè)很好的做法是，使用百分比來表示圖片的大小。比如，我們可以使用下面這段CSS代碼來控制圖片的大小：

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

這段代碼會(huì)使圖片的寬度變?yōu)闉g覽器窗口的100%，并讓高度根據(jù)寬度的變化而自動(dòng)調(diào)整，保持比例不變。這樣，在不同大小的屏幕上，圖片的顯示效果都會(huì)非常好。

另一種方法是使用CSS中的max-width屬性來限制圖片的最大寬度。例如：

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

這段代碼會(huì)使圖片在寬度超過瀏覽器窗口時(shí)自動(dòng)縮小，而不會(huì)超出頁面的邊緣。這個(gè)方法同樣可以保持圖片比例不變。

總之，使用CSS控制圖片的大小和高度非常簡(jiǎn)單，只需要使用百分比或者max-width屬性即可。這樣可以讓我們更加靈活地設(shè)計(jì)網(wǎng)頁，同時(shí)也能夠提高用戶的瀏覽體驗(yàn)。