在網(wǎng)頁的設(shè)計中，經(jīng)常會使用圖片來豐富頁面的內(nèi)容，但有時候會出現(xiàn)圖片被壓扁的情況，這個問題可以通過CSS來解決。

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

上述代碼中，我們使用了max-width和height屬性來確保圖片在不失真的情況下能夠根據(jù)瀏覽器窗口大小進行縮放。max-width: 100%指定了圖片的最大寬度為所在容器的100%，這里容器可以是父元素，也可以是瀏覽器窗口。height: auto則是讓瀏覽器自動計算圖片的高度，以保持寬高比。

通過使用CSS，我們可以輕松地解決圖片被壓扁的問題，提高網(wǎng)頁的用戶體驗。