实现宽高比例固定的 div

[lzxjack]

[lzxjack]

<div class="box"></div>

<style>
  .box {
    background-color: red;
    width: 500px;
  }
  .box::after {
    display: block;
    content: '';
    padding-top: 50%;
  }
</style>

[bey1995]

px不就是固定的吗？ 题目是怎么描述的呀？