在網頁設計中，圖片是不可缺少的元素，但是如果圖片過大，會影響網頁的加載速度，如果圖片過小，會影響美觀度。所以我們需要對圖片進行等比縮放來適應不同設備和頁面布局的要求。

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

以上代碼可以讓圖片自適應父元素的寬度，同時保持比例不變，從而實現等比縮放的效果。其中，max-width屬性是最關鍵的部分，表示圖片最大寬度為父元素的100%。而height屬性的值為auto，則是根據寬度自動計算高度，從而保持比例不變。

在實際應用中，我們可以根據不同的情況來設置圖片的大小。比如，根據設備的屏幕大小來動態設置圖片的寬度；或者在響應式布局中，根據不同的分辨率設置不同的縮放比例；還可以使用媒體查詢來針對不同的設備和屏幕大小設置不同的樣式。

總之，在設計網頁時，圖片的等比縮放是非常重要的一部分。通過合理的設置，可以讓頁面加載速度更快，同時也能夠使網站呈現出更好的整體效果。