css设置元素宽高比保持不变

代码如下(使用sass预处理器)

.section {
  width: 100%;
  &::before {
    content: '';
    display: block;
    padding-top: 50%;
  }
}

思路：不设置高度，通过创建伪元素并设置padding撑开盒子，伪元素中百分比以原元素尺寸为基准