利用
padding和
margin使用百分比时以元素宽度为基准的特性，可以以此固定元素的宽高比：
<div class="ratio" style="--ratio: 0.5;"></div>
.ratio { background-color: salmon; position: relative;}.ratio::before { content: ''; display: block; padding-top: calc(1 / var(--ratio) * 100%);}
利用
padding和
margin使用百分比时以元素宽度为基准的特性，可以以此固定元素的宽高比：
<div class="ratio" style="--ratio: 0.5;"></div>
.ratio { background-color: salmon; position: relative;}.ratio::before { content: ''; display: block; padding-top: calc(1 / var(--ratio) * 100%);}名师互学网 版权所有 (c)2021-2022 ICP备案号：晋ICP备2021003244-6号
