調(diào)整CSS圖片大小的方法

在CSS中，我們可以使用width和height屬性來(lái)調(diào)整圖片的大小，這兩個(gè)屬性分別表示圖片的寬度和高度，下面是一些示例代碼：

1、將圖片的寬度和高度都設(shè)置為200像素：

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

2、將圖片的寬度設(shè)置為100像素，高度設(shè)置為300像素：

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

3、將圖片的寬度設(shè)置為50%，高度設(shè)置為100像素：

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

需要注意的是，如果圖片的高度和寬度比例與原始圖片不同，那么圖片可能會(huì)變形，為了避免這種情況，我們可以使用object-fit屬性來(lái)保持圖片的比例。

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

上述代碼會(huì)將圖片的大小設(shè)置為200像素，并保持圖片的比例不變，如果圖片的原始比例與200像素不同，那么圖片會(huì)被裁剪或填充以適應(yīng)200像素的大小。