CSS中設置img標簽的寬高比可以讓我們更好地掌控圖片的大小和位置，讓頁面更加美觀。

/* 設置圖片寬高比為4:3 */
img {
width: 100%;
height: 0;
padding-bottom: 75%;
}

代碼中的padding-bottom屬性用于設置img標簽下方的間距，它的值是相對于父元素寬度的百分比。在這個例子中，值為75%，也就是說，padding-bottom的值是img的父元素寬度的75%。

關鍵的一步是將img標簽的height設置為0，而將寬度設置為100%。在不設置padding的情況下，img標簽的高度將為0，但是它的寬度將自適應父元素。當設置了padding-bottom后，img標簽將自動計算出它的高度，這樣就保證實際顯示出來的寬高比與設定的4:3相同。

/* 設置圖片寬高比為16:9 */
img {
width: 100%;
height: 0;
padding-bottom: 56.25%;
}

另一個常見的寬高比是16:9。計算起來也非常簡單：高度應當是寬度的56.25%。

通過CSS設置img標簽的寬高比可以讓我們更好地控制圖片的大小和位置，從而達到更好的視覺呈現效果。