参见英文答案 >
Maintain the aspect ratio of a div with CSS14个答案我想让我的div适应它的高度总是等于它的宽度。宽度为百分比。当父级宽度减小时，框应通过保持其宽高比而减小。
如何做到这一点是CSS？
解决方法
要实现你正在寻找你可以使用
viewport-percentage length vw。
HTML：
<div class="square">
<h1>This is a Square</h1>
</div>
CSS：
.square {
background: #000;
width: 50vw;
height: 50vw;
}
.square h1 {
color: #fff;
}
我相信有很多其他的方式来做到这一点，这种方式似乎是我最好的。
