/*CSS代碼*/
/*將圖片按照等比例縮放*/
img{
max-width:100%;
height:auto;
}

在網頁設計中，我們通常會用到圖片來美化頁面，但是當圖片的大小不合適時，會影響頁面的美觀度和使用體驗。因此，我們需要對圖片進行等比例縮放，讓它們在頁面中更加協調。而CSS提供了一個很方便的方法來實現圖片的等比例縮放。

通過在CSS中設置 "max-width:100%;height:auto;"，就可以達到等比例縮放的效果。這個設置會讓圖片的最大寬度為100%，而高度會根據圖片的寬度自動縮放，保持圖片的原始比例。這樣，當圖片超過父容器的寬度時，它就會自動縮小，不會影響頁面的設計和使用體驗。

另外，如果我們希望固定圖片的高度，而寬度按比例縮放，也很容易實現。只需將 "max-width" 換為 "max-height"， "height" 換為 "width"，就可以輕松實現。

總之，在設計網頁時，我們要注意圖片的大小和比例。利用CSS的等比例縮放方法，可以讓我們的頁面更加美觀、規范和易于使用。