CSS圖片等比例縮放的方法

在CSS中，我們可以使用width和height屬性來(lái)等比例縮放圖片，這種縮放方法可以保證圖片的長(zhǎng)寬比不變，從而避免圖片變形。

下面是一個(gè)示例代碼：

img {
  width: 50%;  /* 將圖片寬度縮放到原始寬度的50% */
  height: auto;  /* 高度自動(dòng)縮放，保持長(zhǎng)寬比不變 */
}

在這個(gè)示例中，我們將圖片的寬度縮放到原始寬度的50%，并將高度設(shè)置為自動(dòng)縮放，以保持長(zhǎng)寬比不變，這樣，圖片就會(huì)按照等比例縮放的方式顯示。

需要注意的是，如果圖片本身的高度和寬度比例不匹配，那么縮放后的圖片可能會(huì)出現(xiàn)空白或者超出容器的情況，在縮放圖片之前，我們需要確保圖片本身的高度和寬度比例是匹配的。

如果我們需要將圖片縮放到特定的寬度和高度，那么我們可以使用max-width和max-height屬性來(lái)限制圖片的***大寬度和高度，這樣，即使圖片本身的比例不匹配，我們也可以保證縮放后的圖片不會(huì)超過(guò)指定的寬度和高度。