CSS圖片寬高設置指南

在CSS中，我們可以通過多種方式設置圖片的寬度和高度，以下是一些常見的方法：

1、使用width和height屬性

CSS的width和height屬性可以直接設置圖片的寬度和高度，如果你想要將圖片的寬度設置為200像素，高度設置為300像素，可以使用以下代碼：

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

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

如果你想要限制圖片的***大寬度和高度，可以使用max-width和max-height屬性，如果你想要將圖片的***大寬度設置為500像素，***大高度設置為600像素，可以使用以下代碼：

img {
    max-width: 500px;
    max-height: 600px;
}

3、使用min-width和min-height屬性

與max-width和max-height相反，min-width和min-height屬性可以確保圖片的***小寬度和高度，如果你想要將圖片的***小寬度設置為100像素，***小高度設置為200像素，可以使用以下代碼：

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

4、使用object-fit屬性

object-fit屬性可以改變圖片的填充方式，從而改變圖片的寬度和高度，如果你想要將圖片等比例縮放并填充整個容器，可以使用以下代碼：

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

是CSS中常見的圖片寬高設置方法，你可以根據(jù)自己的需求選擇適合的方法。