CSS圖片大小設置指南

在CSS中，我們可以使用多種方法來設置圖片的大小，以下是一些常見的方法：

1、使用width和height屬性：

通過CSS的width和height屬性，我們可以直接設置圖片的寬度和高度，要將圖片設置為寬度為200像素，高度為100像素，可以使用以下代碼：

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

2、使用max-width和max-height屬性：

與width和height不同，max-width和max-height屬性只會在圖片內容超過指定值時進行縮放，要將圖片的***大寬度設置為300像素，***大高度設置為200像素，可以使用以下代碼：

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

3、使用object-fit屬性：

object-fit屬性用于改變圖片在容器中的填充方式，要將圖片等比縮放以適應其容器，可以使用以下代碼：

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

在這個例子中，圖片將保持其原始寬高比，同時縮放以適應其容器的大小。

方法可能會因瀏覽器或圖片類型而有所不同，在實際應用中，建議根據具體情況選擇***合適的方法。