CSS中的圖片同比例縮小，是指圖片的長度和寬度按照相同比例縮小，保持原有的長寬比。在網頁設計中，這種縮小方式非常常見，可以讓網頁內容更加美觀、整潔。

為了實現圖片的同比例縮小效果，需要使用CSS中的max-width和max-height屬性。通過設置這兩個屬性，可以控制圖片的最大寬度和最大高度，從而實現圖片的自適應大小。

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

通過上面的代碼，可以實現圖片寬高按比例自適應縮小。需要注意的是，在使用max-width和max-height屬性時，需要確保父元素不會限制圖片的大小。如果父元素設置了固定的寬度和高度，可能會導致圖片無法自適應大小。

另外，為了保證圖片的質量，建議在使用圖片時，選擇高質量的圖片，并且盡量避免對圖片進行放大操作。如果圖片的大小與要求的尺寸差別較大，建議使用專業軟件對圖片進行縮放處理。

總之，CSS中的圖片同比例縮小是實現網頁布局美觀的重要一環。正確地使用max-width和max-height屬性，可以讓圖片自適應大小，展現出更好的視覺效果。