在網(wǎng)頁(yè)設(shè)計(jì)中，經(jīng)常會(huì)使用圖片來(lái)美化頁(yè)面或者呈現(xiàn)信息。但是，在一些情況下，我們需要對(duì)圖片進(jìn)行縮小處理，以達(dá)到更好的顯示效果。在這里，我們介紹一種利用 CSS 對(duì)圖片自身大小進(jìn)行縮小的方法。

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

在上述代碼中，我們使用了width: 50%來(lái)將圖片寬度縮小至原來(lái)的一半，同時(shí)保持高度比例不變，這是通過使用height: auto來(lái)實(shí)現(xiàn)的。這種方式可以簡(jiǎn)便地對(duì)圖片進(jìn)行大小調(diào)整。

如果想要更精確地指定圖片大小，可以直接使用width和height屬性，例如：

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

這將使得圖片的寬度為 200 像素，高度為 100 像素。

需要注意的是，如果縮小圖片過度，會(huì)導(dǎo)致圖片失真或者不清晰。此外，對(duì)于高清晰度的圖片，縮小過度也會(huì)導(dǎo)致加載速度變慢。

總之，對(duì)于需要對(duì)網(wǎng)頁(yè)圖片進(jìn)行大小調(diào)整的情況，我們可以使用 CSS 中的width和height屬性來(lái)實(shí)現(xiàn)。合理地調(diào)整圖片大小能夠更好地提升頁(yè)面顯示效果。