CSS 圖片保持比例縮放是前端開發過程中的一個關鍵問題。如果不正確地縮放圖片，會導致圖片失真或者變形，從而破壞了網站的整體美感。

為了避免這種情況的出現，我們可以使用以下的 CSS 代碼：

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

這段 CSS 代碼的意思是將圖片的最大寬度設置為 100% ，并將高度自適應，以保持圖片的比例不發生變化。

另外，我們也可以使用以下的 CSS 代碼：

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

這段 CSS 代碼的意思是將圖片的寬度設置為 100%，并將高度自適應，以保持圖片的比例不發生變化。這與上面的代碼的區別在于，當圖片的寬度小于父元素的寬度時，這段代碼會將圖片拉伸至父元素的寬度。

當然，以上的代碼只是為了讓圖片自適應，如果我們需要對圖片進行特定的縮放或者位置調整，需要根據實際情況來添加樣式。