CSS是一種非常強大的前端開發語言，能夠實現很多有趣的效果。其中，寬度高度比例縮放是CSS中比較常用的技術。通過CSS，我們可以實現在不改變圖片原始比例的基礎上，讓圖片按照一定的寬高比例縮放。

.img-container {
width: 300px;
height: 0;
padding-bottom: 75%;
position: relative;
overflow: hidden;
}
.img-container img{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: auto;
}

上面的代碼中，我們創建了一個.img-container類，設置了相對寬度為300px，并使用了padding-bottom屬性設置了高度。這里設置的75%表示圖片的高度應該是寬度的75%。

接下來，我們用position屬性將img標簽定位到父級元素的左上角，并設置了圖片的高度等于.img-container的高度，寬度自動計算。

這樣，我們就創建出一個與圖片等比例的容器，并使圖片按照等比例縮小至容器內合適的尺寸。