在 CSS 中，要設置寬高比例固定的元素可以通過以下兩種方式實現。

第一種是使用 padding-bottom 屬性。通常情況下，我們會將一個具有寬高比例的元素（比如視頻或圖片）包裹在一個容器中，然后將容器的 padding-bottom 設置為比例的百分比值。

.wrapper {
position: relative;
width: 100%;
padding-bottom: 56.25%; /* 16:9 比例 */
/* 如果是 4:3 比例，可設置 padding-bottom: 75% */
}
.video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

這里我們設置了一個 wrapper 容器，其中 padding-bottom 的值為 56.25%，意味著容器的高度將是其寬度的 56.25%。我們將視頻元素設置為 position: absolute，然后將其寬度和高度都設為 100%，這樣它就會填充整個容器。

第二種方法是使用 viewport 單位。如果我們將某個元素的寬度設置為 viewport 的 X%，然后將其高度設置為 viewport 的 X*Y%（其中 Y 為寬高比例），那么這個元素的寬高比例就被固定了。

.video {
width: 100vw; /* 寬度占滿整個視口 */
height: 56.25vw; /* 16:9 比例 */
/* 如果是 4:3 比例，可設置 height: 75vw */
}

這里我們將視頻元素的寬度設置為 100vw，意味著它將占滿整個視口。然后設置其高度為 56.25vw（對于 16:9 的比例），這樣它的高度就會與寬度保持固定的比例。