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

在CSS中，我們可以使用width和height屬性來設(shè)置圖片的大小，以下是一些示例代碼：

1、設(shè)置圖片寬度為200像素，高度為300像素：

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

2、設(shè)置圖片寬度為50%，高度為100px：

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

3、設(shè)置圖片寬度為自動，高度為200px：

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

4、設(shè)置圖片寬度為100%，高度為自動：

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

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

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

上述代碼會將圖片保持原始比例并縮放***容器的大小，希望這些方法對你有所幫助！