CSS圖片等比例縮小的方法

在CSS中，我們可以使用width和height屬性來等比例縮小圖片，以下是一個(gè)示例：

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

在這個(gè)示例中，width屬性將圖片寬度縮小為原始寬度的50%，而height屬性設(shè)置為auto，這樣圖片高度會(huì)自動(dòng)縮放，以保持原始圖片的長寬比，這種方法可以確保圖片在縮小過程中不會(huì)變形。

如果你想要將圖片縮小到特定的寬度和高度，可以使用像素值來替代百分比。

img {
  width: 300px;  /* 將圖片寬度縮小為300像素 */
  height: auto;  /* 高度自動(dòng)縮放 */
}

在這個(gè)示例中，圖片寬度被縮小為300像素，而高度則根據(jù)原始圖片的長寬比自動(dòng)縮放，這種方法可以確保圖片在縮小過程中保持清晰和美觀。