本文目錄導(dǎo)讀：

1. 使用width和height屬性
2. 使用scale()函數(shù)

怎么用CSS改變圖片大小

CSS是一種強(qiáng)大的樣式表語言，可以用來控制網(wǎng)頁的外觀和格式，改變圖片大小是CSS的一項基本功能，下面，我們將詳細(xì)介紹如何使用CSS來改變圖片的大小。

使用width和height屬性

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

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

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

除了使用width和height屬性外，我們還可以使用max-width和max-height屬性來限制圖片的***大寬度和高度，這可以確保圖片在網(wǎng)頁上的顯示效果更加穩(wěn)定和可控，以下代碼可以將圖片的***大寬度設(shè)置為500像素，***大高度設(shè)置為600像素：

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

使用scale()函數(shù)

除了上述兩種方法外，我們還可以使用CSS的scale()函數(shù)來改變圖片的大小，scale()函數(shù)可以將圖片按照指定的比例進(jìn)行縮放，以下代碼可以將圖片按照2:1的比例進(jìn)行放大：

img {
  transform: scale(2, 1);
}

需要注意的是，使用scale()函數(shù)時，圖片的中心點(diǎn)將作為縮放的基準(zhǔn)點(diǎn)，如果需要調(diào)整縮放后的圖片位置，可以使用translate()函數(shù)進(jìn)行微調(diào)。

CSS提供了多種方法來改變圖片的大小，我們可以根據(jù)具體的需求選擇***適合的方法。