CSS中，我們可以設(shè)置圖片的大小來達(dá)到我們想要的效果。對(duì)于網(wǎng)頁美化和設(shè)計(jì)而言，這是非常重要的一個(gè)部分。下面我們來看一下CSS中如何設(shè)置圖片大小。 首先我們需要掌握的是如何在CSS中設(shè)置圖片的大小。設(shè)置圖片的大小可以使用“height”（高度）和“width”（寬度）屬性。例如：

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

這個(gè)代碼將會(huì)把所有元素的高度和寬度都設(shè)置成200像素。 當(dāng)然，我們也可以單獨(dú)設(shè)置高度和寬度，如：

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

這個(gè)代碼將會(huì)把所有的元素的高度設(shè)置為200像素，寬度設(shè)置為300像素。 還有一種設(shè)置圖片大小的方式是使用“max-width”和“max-height”屬性。這兩個(gè)屬性的作用是限制圖片的最大寬度和最大高度，例如：

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

這個(gè)代碼將會(huì)把所有的元素的最大高度和最大寬度設(shè)置為父元素的100%。這樣設(shè)置的好處是，當(dāng)圖片的寬度或高度超過了父元素的寬度或高度時(shí)，圖片的大小會(huì)根據(jù)父元素的大小進(jìn)行縮放，不會(huì)出現(xiàn)圖片溢出的情況。這樣可以有效地避免出現(xiàn)頁面亂跑的問題。 除此之外，在設(shè)置圖片大小的時(shí)候，我們還可以使用em,rem相對(duì)單位等等。 這里有一個(gè)例子，我們可以讓所有class為“img-box”的元素都限制最大寬度并垂直居中：

.img-box {
display: flex;
justify-content: center;
max-width: 100%;
}

總之，CSS中設(shè)置圖片大小是一個(gè)很實(shí)用的工具，在設(shè)計(jì)網(wǎng)頁時(shí)應(yīng)多加運(yùn)用。