固定宽高比

2025-02-07 88 阅读1分钟

<style>
  .wrapper {
    width: 400px;
  }
  .box {
    padding-top: 50%;
  }
</style>
<div class="wrapper">
  <div class="box"></div>
</div>

<style>
  .box {
    width: 400px;
    aspect-ratio: 2;
  }
</style>