在網(wǎng)頁中，圖片顯示大小的調(diào)整是很常見的需求，CSS可以實(shí)現(xiàn)這樣的功能，本文將介紹幾種實(shí)現(xiàn)方法。

方法一：通過width和height屬性

img {
width: 50%;
height: auto;
}

這個(gè)方法可以給所有圖片設(shè)置相同的尺寸，通過修改屬性值來實(shí)現(xiàn)不同大小裝載。width屬性控制寬度，height屬性控制高度，上述代碼會(huì)將所有圖片寬度設(shè)為父元素的50%。

方法二：通過background-size屬性

div {
width: 500px;
height: 500px;
background-image: url("example.jpg");
background-size: cover;
}

這個(gè)方法不需要使用img元素，可以通過將圖片用作背景圖案，通過CSS調(diào)整背景尺寸來實(shí)現(xiàn)大小控制。背景圖案需要設(shè)置在一個(gè)容器元素上，使用background-image屬性設(shè)置背景圖片，然后通過background-size屬性控制尺寸。cover選項(xiàng)可以讓圖片完全填充容器元素。

方法三：通過max-width和max-height屬性

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

這個(gè)方法可以在圖片寬高比發(fā)生變化時(shí)，保持圖片不變形。max-width和max-height設(shè)為100%，圖片寬高比比容器元素大時(shí)，會(huì)自動(dòng)縮小圖片。

綜上所述，通過CSS可以靈活地調(diào)整圖片大小，不僅方便使用，而且可以更好地適應(yīng)各種移動(dòng)設(shè)備。