CSS是一種用于控制網頁布局和樣式的語言，可以幫助我們實現許多有趣的功能。其中，控制圖片大小是CSS的基本操作之一。下面我們就來學習一下如何使用CSS控制圖片變小。

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

上面的代碼是實現圖片自適應的常用方法。通過設置最大寬度為100%，圖片可以自動適應父元素（通常是瀏覽器窗口或容器）的大小。同時，設置高度為auto可以保證圖片高度和寬度的比例不失真，圖片也不會變形。

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

除了自適應外，我們還可以通過設置圖片的具體寬度和高度來控制圖片大小。在上面的代碼中，我們設置了圖片寬度為父元素的50%，高度保持自適應。這樣就可以將圖片縮小為原來的一半。

總的來說，控制圖片大小是CSS中非常基礎的操作，小伙伴們只需要熟練掌握這些方法，就可以讓圖片完美地適應網頁布局啦！