CSS中的固定比例可以通過設(shè)置寬高比來實現(xiàn)。下面是實現(xiàn)固定比例的兩種方式：

/* 方式一：使用padding和絕對定位 */
.parent {
position: relative;
padding-top: 56.25%; /* 16:9比例的寬高比 */
}
.child {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* 方式二：使用偽元素和百分比尺寸 */
.parent {
position: relative;
}
.parent::before {
content: "";
display: block;
padding-top: 56.25%; /* 16:9比例的寬高比 */
}
.child {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

其中，方式一使用了父元素的padding-top來撐開高度，并使用絕對定位的子元素來填充內(nèi)容。方式二是使用偽元素來實現(xiàn)同樣的效果。

需要注意的是，這兩種方式只適用于視頻、圖片等具有可替換內(nèi)容的元素。對于文本內(nèi)容，可以采用限制行數(shù)的方式來達到類似的效果。