代码如下(使用sass预处理器)
.section {
width: 100%;
&::before {
content: '';
display: block;
padding-top: 50%;
}
}
思路:不设置高度,通过创建伪元素并设置padding撑开盒子,伪元素中百分比以原元素尺寸为基准
代码如下(使用sass预处理器)
.section {
width: 100%;
&::before {
content: '';
display: block;
padding-top: 50%;
}
}
思路:不设置高度,通过创建伪元素并设置padding撑开盒子,伪元素中百分比以原元素尺寸为基准