CSS文件設置圖片大小的方法

在CSS文件中，我們可以使用width和height屬性來設置圖片的大小，這兩個屬性分別表示圖片的寬度和高度，我們可以根據(jù)需要，將圖片的大小設置為固定的像素值，或者使用百分比來設置相對大小。

如果我們想要將一張圖片的寬度設置為200像素，高度設置為300像素，我們可以這樣寫：

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

如果我們想要將圖片的大小設置為原始大小的50%，我們可以這樣寫：

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

需要注意的是，如果圖片的高度和寬度比例與原始圖片不同，那么圖片可能會出現(xiàn)拉伸或者壓縮的情況，為了避免這種情況，我們可以設置object-fit屬性為contain或者cover，這樣圖片就會按照比例進行縮放，避免出現(xiàn)變形的情況。

如果我們想要將圖片按照比例縮放，可以這樣寫：

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

通過以上方法，我們就可以在CSS文件中輕松地設置圖片的大小了。