CSS是網頁設計中不可或缺的一部分，它可以控制頁面的樣式和布局。今天我們要聊一聊CSS中寬高成比例的問題。

寬高成比例通常用于圖片或視頻的顯示，以保持其比例不變。如果寬高不成比例，圖片或視頻就會被拉伸或壓縮，從而影響其質量。

.img {
width: 60%;
height: auto;
}

上面的代碼展示了一種常用的寬高成比例的方法。通過設置寬度為60%，高度為自動，頁面上的圖片就能保持原有比例，且在不同大小的屏幕上都能正常顯示。

同樣，如果需要設置一個固定高度的元素，可以使用下面的代碼：

.video {
height: 300px;
width: calc(300px * 1.6);
}

上面的代碼設置了元素的高度為300像素，寬度為緊跟其高度的1.6倍。這樣，即使用戶調整瀏覽器窗口大小，元素仍能保持原本的比例。

總之，寬高成比例在網頁設計中有著重要的作用。我們可以使用CSS中的一些技巧來處理這個問題，以保持頁面元素的美觀和質量。