如何修改CSS圖片尺寸大小

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

如果我們想要將一張圖片的寬度修改為500像素，高度修改為300像素，我們可以這樣寫(xiě)：

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

如果我們想要將圖片的尺寸修改為原始尺寸的50%，我們可以這樣寫(xiě)：

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

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

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

或者：

img {
  width: 50%;
  height: 50%;
  object-fit: cover;
}

就是在CSS中修改圖片尺寸大小的方法，希望對(duì)你有所幫助。