CSS中的圖片自適應(yīng)放大可以讓網(wǎng)頁(yè)更加美觀且適應(yīng)不同分辨率的設(shè)備，使得用戶在不同屏幕尺寸下都能獲得最佳的視覺效果。

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

代碼解讀：

max-width: 100%：將圖片的最大寬度設(shè)置為容器寬度的100%。

height: auto：保持圖片寬高比不變，最大化地減少寬度而自適應(yīng)調(diào)整高度。

使用這個(gè)技巧時(shí)，必須確保正確設(shè)置了容器的寬度，否則無(wú)論設(shè)置多少都不會(huì)有效果。

除了上述代碼，還可以使用background-size來(lái)實(shí)現(xiàn)圖片自適應(yīng)，不過(guò)相比較而言上述方法更簡(jiǎn)單易用，更能滿足普遍的需求。