圖片縮小顯示是很常見的效果，可以讓網(wǎng)頁更美觀、加載更快。下面介紹一些CSS的屬性和代碼來實現(xiàn)此效果。

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

上面的代碼可以讓圖片在父容器內占據(jù)最大寬度，同時保持原始寬高比例，即高度自適應。

下面是另外一種方式，使用 background-image 屬性：

div {
background-image: url('img.jpg');
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}

上述代碼會將圖片作為 DIV 的背景，并讓背景縮放以適應 DIV 的大小，從而縮小顯示。

也可以使用 CSS 的 transform 屬性來縮小圖片：

img {
transform: scale(0.5); /* 縮小為原來的 50% */
transform-origin: top left; /* 設置縮放基準點為左上角 */
}

上面的代碼將圖片縮小為原來的一半，并設置縮放的基準點為左上角。

總之，可以根據(jù)具體情況選擇適合的方式來實現(xiàn)圖片縮小顯示。