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

个人简介

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

主目录

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