CSS是前端開發中的一個重要組成部分，而圖片在網頁設計中也顯得十分重要。那么如何控制圖片的比例縮放呢？

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

以上代碼即為CSS中用于控制圖片縮放的代碼。其原理是將圖片最大寬度設為100%，高度設為auto，這樣當圖片超過父元素寬度時，它將自動縮小至父元素的寬度。這樣就可以保證圖片不會超出頁面范圍，又不會失真變形。

需要注意的是，只有在圖片的父元素中加入寬度限制，才能實現圖片的縮放控制。如果圖片父元素的寬度沒有被限制，則不會觸發上述代碼，從而導致圖片過于龐大，無法正確顯示。

因此，當要在網頁中使用圖片時，我們應該為其父元素設置一個適當的寬度范圍，以確保圖片能夠正常顯示并且不失真變形。