CSS圖片尺寸修改方法

在網(wǎng)頁設(shè)計(jì)中，我們經(jīng)常需要修改圖片的尺寸大小，下面是一些常用的CSS方法來調(diào)整圖片的尺寸。

1、使用width和height屬性

CSS中的width和height屬性可以用來設(shè)置圖片的寬度和高度，如果你想要將一張圖片的寬度設(shè)置為200像素，高度設(shè)置為100像素，可以使用以下代碼：

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

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

與width和height不同，max-width和max-height屬性會限制圖片的***大寬度和***大高度，這對于響應(yīng)式設(shè)計(jì)特別有用，可以確保圖片在不同設(shè)備上都能正常顯示。

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

3、使用scale()函數(shù)

CSS的transform屬性中的scale()函數(shù)可以用來放大或縮小圖片的尺寸，如果你想要將圖片放大2倍，可以使用以下代碼：

img {
  transform: scale(2);
}

4、使用object-fit屬性

object-fit屬性可以用來控制圖片在容器中的填充方式，如果你想要讓圖片始終填充整個容器，而不改變其寬高比，可以使用以下代碼：

img {
  object-fit: cover;
}

就是一些常用的CSS方法來修改圖片的尺寸大小，你可以根據(jù)自己的需求選擇適合的方法。