設(shè)置CSS圖片大小的方法

在CSS中，我們可以使用width和height屬性來設(shè)置圖片的大小，這兩個屬性分別表示圖片的寬度和高度，我們可以根據(jù)需要給它們賦予具體的數(shù)值，或者使用百分比、em等相對單位來設(shè)置。

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

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

如果我們想要將圖片的大小設(shè)置為原來的50%，那么我們可以使用百分比單位來設(shè)置：

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

需要注意的是，如果圖片本身的比例與設(shè)置的寬度和高度不一致，那么圖片可能會變形，為了避免這種情況，我們可以使用object-fit屬性來保持圖片的比例：

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

這樣，無論圖片本身的比例是什么，它都會被縮放并填充到500像素寬、300像素高的區(qū)域內(nèi)，而不會變形。