CSS圖片大小控制方法

在CSS中，我們可以使用多種方法來(lái)控制圖片的大小，下面是一些常見(jiàn)的方法：

1、使用width和height屬性：

通過(guò)CSS的width和height屬性，我們可以直接設(shè)置圖片的寬度和高度，要將圖片寬度設(shè)置為300像素，高度設(shè)置為200像素，可以這樣做：

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

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

與width和height不同，max-width和max-height屬性只會(huì)在圖片內(nèi)容超過(guò)指定值時(shí)進(jìn)行縮放。

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

3、使用object-fit屬性：

object-fit屬性用于改變圖片在容器中的填充方式，要將圖片等比縮放以適應(yīng)容器，可以使用object-fit: contain;。

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

4、使用transform屬性：

CSS的transform屬性可以用來(lái)縮放圖片，要將圖片放大2倍，可以使用transform: scale(2);。

img {
    transform: scale(2);
}

是一些常見(jiàn)的CSS圖片大小控制方法，你可以根據(jù)自己的需求選擇適合的方法。