CSS是一種常用的網頁設計語言，它可以讓我們對網頁的樣式、布局和行為進行控制。在設計網頁時，經常會用到圖片來豐富頁面的內容和吸引用戶的注意力。在添加圖片時，我們可以設置圖片的縮放比例來適應頁面的大小和布局。

要設置圖片的縮放比例，我們可以使用CSS中的width和height屬性。這兩個屬性可以用來設置圖片的寬度和高度。如果我們只設置其中一個屬性，瀏覽器會自動按比例縮放圖片。例如，如果我們只設置width屬性，瀏覽器會根據圖片的寬高比自動計算出適合的高度。

/* 設置圖片的寬度為500像素，高度會自動縮放 */
img {
width: 500px;
}

如果我們希望按照一定比例縮放圖片，可以設置width和height屬性的百分比值。例如，如果我們將寬度和高度都設置為50%，圖片就會被縮小到原來的一半大小。

/* 設置圖片寬度和高度均為50% */
img {
width: 50%;
height: 50%;
}

還可以使用max-width和max-height屬性來設置圖片的最大寬度和最大高度，讓圖片在超過一定尺寸時按比例縮小。例如，我們可以將最大寬度設置為500像素，當圖片寬度超過500像素時，就會縮小到500像素以內。

/* 設置圖片的最大寬度為500像素 */
img {
max-width: 500px;
}

總之，設置圖片的縮放比例可以幫助我們更好地控制網頁的布局和樣式。需要注意的是，縮放過大的圖片可能會影響頁面加載速度和用戶體驗，因此在設計網頁時應該謹慎使用。