對于網頁設計中的圖像，有時候需要讓它變小以適應頁面的布局。這時候，CSS就是你的好幫手了。

要讓圖片變小，首先需要定義一個CSS樣式選擇器：

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

上面的代碼中，我們定義了一個img選擇器，并設置了兩個屬性：

• max-width: 100% 代表圖片的最大寬度為100%。
• height: auto 代表圖片的高度會按比例自動調整。

有了這些代碼，圖片就可以隨著頁面的大小變化而自適應縮放了。

如果你想讓圖片縮得更小，可以進一步修改代碼：

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

在這個例子中，我們把max-width的值改為了50%。這意味著圖片最大只會占用頁面寬度的一半，再配合height:auto屬性，就可以讓圖像隨意縮小啦。

最后，需要提醒一下的是，max-width屬性有個默認值是none，這意味著圖像大小不會受任何限制。因此，如果你想讓圖片縮小，一定要設置max-width的值。