在CSS中設置圖片大小的方法

在CSS中設置圖片大小，可以使用width和height屬性，或者max-width和max-height屬性，這些屬性可以指定圖片的***大寬度和高度，或者圖片的寬度和高度。

我們需要確定圖片的大小，如果圖片本身的大小就是我們需要的大小，那么我們可以直接使用width和height屬性來設置圖片的大小，如果我們需要一張寬度為200像素、高度為300像素的圖片，我們可以這樣寫：

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

如果圖片本身的大小并不是我們需要的大小，或者我們需要在不同的場景下使用不同的圖片大小，那么我們可以使用max-width和max-height屬性來設置圖片的***大寬度和高度，這樣，圖片在顯示時就會根據(jù)需要進行縮放，而不會超出我們指定的***大寬度和高度。

img {
  max-width: 100%;
  max-height: 600px;
}

上面的代碼表示，圖片的***大寬度為100%，即圖片的寬度可以隨著容器的寬度而變化，但高度不能超過600像素。

除了width、height、max-width和max-height屬性，CSS還提供了其他一些與圖片大小相關的屬性，如object-fit和image-resolution等，這些屬性可以讓我們更加靈活地控制圖片的大小和顯示方式。

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