CSS修改圖片大小的方法

在CSS中，我們可以使用width和height屬性來(lái)修改圖片的大小，這兩個(gè)屬性分別表示圖片的寬度和高度，我們可以通過(guò)設(shè)置具體的數(shù)值或者百分比來(lái)調(diào)整圖片的大小。

如果我們想要將一張圖片的寬度設(shè)置為200像素，高度設(shè)置為300像素，我們可以這樣寫：

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

如果我們想要將圖片的大小修改為原始大小的50%，我們可以這樣寫：

img {
  width: 50%;
  height: 50%;
}

需要注意的是，如果圖片的寬度和高度比例與原始圖片不同，那么圖片可能會(huì)變形，為了避免這種情況，我們可以在設(shè)置寬度和高度的同時(shí)，也設(shè)置object-fit屬性為contain或者cover，來(lái)保持圖片的原始比例：

img {
  width: 200px;
  height: 300px;
  object-fit: contain;
}

或者：

img {
  width: 200px;
  height: 300px;
  object-fit: cover;
}

contain表示保持圖片的原始比例，同時(shí)盡可能填滿容器；cover表示保持圖片的原始比例，同時(shí)盡可能覆蓋整個(gè)容器，根據(jù)具體需求選擇適合的選項(xiàng)。