CSS中設置圖片大小的方法

在CSS中，我們可以使用width和height屬性來設置圖片的大小，這兩個屬性分別表示圖片的寬度和高度，我們可以根據(jù)具體需求來設置圖片的大小。

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

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

這樣，圖片的大小就被設置為200像素寬和300像素高了。

需要注意的是，如果圖片本身的寬高比與設置的寬高比不一致，那么圖片可能會變形，為了避免這種情況，我們可以使用object-fit屬性來設置圖片的填充方式，如果想要圖片保持原有的寬高比，可以這樣寫：

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

這樣，圖片就會保持原有的寬高比，同時填充到200像素寬和300像素高的容器中。

除了width和height屬性，CSS中還有一些其他屬性可以用來調(diào)整圖片的大小，例如max-width和max-height屬性，這些屬性可以限制圖片的***大寬度和高度，使得圖片在容器中不會過大。

CSS提供了多種方法來設置圖片的大小，我們可以根據(jù)具體需求來選擇合適的方法。