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

/* 方式一：使用padding和絕對(duì)定位 */
.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來(lái)?yè)伍_高度，并使用絕對(duì)定位的子元素來(lái)填充內(nèi)容。方式二是使用偽元素來(lái)實(shí)現(xiàn)同樣的效果。

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