固定纵横比和完整（100％）高度

Question

是否可以制作具有固定宽高比的“全高”（高度：100％）div？

Answer 1

是的，有很多方法可以实现这一点，一个简单的方法是使用视口单位（VH）设置相对于视口高度的div的宽度和高度。

div {
    width:40vh;
    height:100vh;
}

另一个简单的解决方案是使用带有百分比填充的包装div，如this solution中所示。