隨著移動(dòng)設(shè)備的普及，要求網(wǎng)站能夠自適應(yīng)不同的屏幕尺寸成為了一種趨勢。而CSS中的圖片縮小自適應(yīng)正是為此而生。

要實(shí)現(xiàn)圖片縮小自適應(yīng)，需要使用兩條CSS屬性：max-width和height。其中，max-width用于限制圖片的最大寬度，height用于設(shè)置圖片的實(shí)際高度。

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

當(dāng)max-width的值為100%時(shí)，表示圖片的寬度不會(huì)超過它所在元素的寬度，從而實(shí)現(xiàn)了圖片的縮小。而height的自動(dòng)調(diào)整則可以保證圖片的比例不被破壞。

下面是一個(gè)示例：

在這個(gè)例子中，div元素的寬度為400px。而通過添加上述CSS屬性，圖片的實(shí)際大小被限制在了400px以內(nèi)，并自適應(yīng)縮小到了與父元素相同的寬度。

需要注意的是，max-width和height兩個(gè)屬性必須在同一元素中一起使用才能實(shí)現(xiàn)圖片的縮小自適應(yīng)。否則，只會(huì)達(dá)到其中一種效果。

綜上所述，通過使用CSS中的圖片縮小自適應(yīng)，我們可以輕松地使網(wǎng)站適應(yīng)不同的屏幕尺寸，提高用戶體驗(yàn)。需要注意的是要兼容不同的瀏覽器。