CSS圖片大小修改方法

在CSS中，我們可以使用width和height屬性來(lái)修改圖片的大小，以下是一些示例代碼：

1、將圖片寬度修改為300像素，高度自動(dòng)縮放：

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

2、將圖片高度修改為200像素，寬度自動(dòng)縮放：

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

3、將圖片寬度修改為50%，高度自動(dòng)縮放：

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

4、將圖片高度修改為80%，寬度自動(dòng)縮放：

img {
  height: 80%;
  width: auto;
}

需要注意的是，如果圖片本身的寬高比例與設(shè)定的寬高比例不一致，那么圖片可能會(huì)變形，為了保持圖片的原始比例，可以使用object-fit屬性：

img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}