CSS中按比例縮小圖片的方法

在CSS中，我們可以使用width和height屬性來按比例縮小圖片，以下是一個簡單的示例：

HTML代碼：

<img src="original_image.jpg" id="scaled_image">

CSS代碼：

#scaled_image {
    width: 50%; /* 將圖片寬度縮小到原始寬度的50% */
    height: auto; /* 高度自動調(diào)整，保持圖片比例 */
}

在這個示例中，我們首先將圖片元素標記為#scaled_image，然后在CSS中定義該元素的樣式。width: 50%表示將圖片寬度縮小到原始寬度的50%，而height: auto則確保圖片高度自動調(diào)整，以保持原始的圖片比例。

這種方法可以確保圖片在縮小過程中保持其原始的長寬比，避免了圖片變形的問題，通過調(diào)整width和height的值，我們可以輕松地控制圖片縮小的比例，以滿足不同的需求。