[html] 写一个布局，它的宽度是不固定的100%，如果让它的宽度始终是高度的一半呢？

<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%);
}

个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题