CSS中有一個非常重要的屬性就是圖片的寬高比例。一般情況下，我們需要給圖片指定一個固定的寬高比例來保證圖片的顯示效果。

img{
width: 300px;
height: 200px; /* 1.5:1 */
}

像上面的代碼一樣，我們可以給圖片指定一個寬度和一個高度，保證圖片的寬高比例。

如果你希望圖片的寬度和高度都是自適應的，可以指定一個寬度或高度，并將另一個屬性設置為"auto"。

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

這樣就可以讓圖片按比例自適應地縮放。

除了直接指定寬高比例外，我們還可以使用CSS的偽元素:before或:after來維護一個占位符，并通過padding-bottom屬性來保證圖片比例。

div{
position: relative;
width: 100%;
}
div:before{
content: '';
padding-bottom: 75%;
display: block;
}
img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

這樣就可以讓圖片自適應地填滿整個占位符。

總之，CSS中的圖片寬高比例非常重要，我們需要認真維護和控制圖片的顯示效果。如果你不想手動計算寬高比例，可以使用一些工具來幫助你快速生成代碼。