CSS是一種可以控制樣式和布局的語言，可以用于編寫網頁頁面的樣式。在編寫網頁時，我們經常需要縮小圖片的大小來適應不同尺寸的屏幕。下面就來介紹如何使用CSS來縮小頁面上的圖片。

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

如上所示，我們可以使用CSS屬性max-width來設置圖片的最大寬度，并且使用height: auto;來自適應高度。這個 CSS 規則意味著，任何圖片在它們的父容器中的寬度不能超過 100%，否則就會被縮小到它們應該的大小。

例如，如果我們在一個寬度為 800px 的容器中插入了一個寬度為 1200px 的圖片，那么這個圖片將被縮小并適應于容器大小，以便于頁面的布局和展示。

可以看出，這種方式縮小圖片非常簡單，而且代碼也很容易理解和實現。使用這種方法可以保持頁面的布局穩定，同時也能夠有效地減小網頁的加載時間。希望這篇文章能夠幫助到大家。