在使用CSS為網(wǎng)頁(yè)設(shè)置圖片時(shí)，我們通常需要考慮到圖片的長(zhǎng)寬比，以免出現(xiàn)圖片變形或不協(xié)調(diào)的情況。本文將介紹如何使用CSS來(lái)保持圖片的長(zhǎng)寬比。 在HTML中，我們可以使用img標(biāo)簽來(lái)插入圖片。我們?cè)谠O(shè)置img標(biāo)簽中的屬性時(shí)，通常需要給出圖片的寬度和高度，以便瀏覽器可以準(zhǔn)確地顯示圖片。但是，如果我們只給出了圖片的寬度或高度，而沒(méi)有給出另一個(gè)值，圖片在顯示時(shí)就會(huì)被拉伸或壓縮，從而造成圖片變形。 為了避免這種情況，我們可以使用CSS來(lái)保持圖片的長(zhǎng)寬比。具體做法是，在CSS中指定圖片的寬度或高度為一個(gè)固定值，然后通過(guò)設(shè)置另一個(gè)屬性（例如max-width或max-height）來(lái)限制圖片的最大大小，以保持圖片的長(zhǎng)寬比。 以下是一個(gè)例子，展示如何使用CSS來(lái)保持圖片長(zhǎng)寬比：

img {
width: 300px;
max-height: 200px;
}

在這個(gè)例子中，我們指定了圖片的寬度為300像素，但是沒(méi)有指定高度。同時(shí)，我們?cè)O(shè)置了圖片的最大高度為200像素，這樣就能保持圖片的長(zhǎng)寬比。 需要注意的是，如果我們指定了圖片的寬度和高度，同時(shí)設(shè)置了max-width和max-height屬性，那么瀏覽器會(huì)按照最小值來(lái)顯示圖片。這可能會(huì)導(dǎo)致圖片被縮小而不是保持長(zhǎng)寬比。因此，我們應(yīng)該遵循在CSS中設(shè)置一個(gè)值的習(xí)慣，來(lái)保證圖片在顯示時(shí)不發(fā)生變形。 總之，使用CSS來(lái)保持圖片的長(zhǎng)寬比是非常重要的。這樣可以確保圖片在顯示時(shí)不僅美觀，而且符合設(shè)計(jì)要求。希望本文能幫助您更好地掌握CSS技巧，提高網(wǎng)頁(yè)設(shè)計(jì)效果。