怎么实现div长宽比固定width-height4比3？

最近遇到的样式问题，遂记录下来。

实现div宽长4比3

方法一：

<div class="cont"></div>

.cont{
    width: 300px;
    background-color: #00a0e9;
}
.cont:after{
    display: block;
    width: 100%;
    padding-top: 75%;
    content: '';
}

方法二：

<div class="cont1"></div>

.cont1{
    width: 40vw;
    height: 30vw;
    background-color: #ff5555;
}