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

要實現圖片縮小自適應，需要使用兩條CSS屬性：max-width和height。其中，max-width用于限制圖片的最大寬度，height用于設置圖片的實際高度。

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

當max-width的值為100%時，表示圖片的寬度不會超過它所在元素的寬度，從而實現了圖片的縮小。而height的自動調整則可以保證圖片的比例不被破壞。

下面是一個示例：

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

需要注意的是，max-width和height兩個屬性必須在同一元素中一起使用才能實現圖片的縮小自適應。否則，只會達到其中一種效果。

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