我們經(jīng)常需要在網(wǎng)頁上插入各種圖片，但有時(shí)圖片的大小不太符合我們的要求，而瀏覽器縮放圖片的功能又不能很好地滿足我們的需求。那么該怎樣用 CSS 來放大縮小圖片呢？下面我們來一步步了解。 首先我們需要準(zhǔn)備一張圖片，如下所示：

<img src="https://picsum.photos/300/200" alt="一張漂亮的圖片">

這是一張 300 x 200 像素的漂亮圖片。 接下來，我們要使用 CSS 來給這張圖片設(shè)置一下寬度和高度。在 CSS 中，我們可以使用 `width` 和 `height` 屬性來設(shè)置寬度和高度，如下所示：

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

這樣，圖片的寬度就會被設(shè)置為 500 像素，高度會被設(shè)置為 300 像素。 如果我們想把圖片放大一些，可以把寬度和高度設(shè)置為更大的數(shù)值，比如：

img {
width: 800px;
height: 600px;
}

這樣圖片就會被放大到 800 x 600 像素的大小。 相反，如果我們想縮小圖片，可以把寬度和高度設(shè)置為更小的數(shù)值，比如：

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

這樣圖片就會被縮小到 200 x 150 像素的大小。 需要注意的是，如果我們只設(shè)置了圖片的寬度或高度中的一個(gè)，圖片會被等比例縮放。比如：

img {
width: 400px;
}

這樣圖片的寬度會被設(shè)置為 400 像素，而高度會自動(dòng)按比例縮放。 最后，我們還可以使用 `max-width` 和 `max-height` 屬性來限制圖片的最大寬度和最大高度。比如：

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

這樣圖片的寬度和高度都不會超過 600 x 400 像素，如果圖片的原始大小超過了這個(gè)值，圖片會被自動(dòng)等比例縮放。 總之，通過設(shè)置 CSS 的寬度、高度、最大寬度和最大高度等屬性，我們可以輕松地放大縮小圖片，滿足不同場景的需求。