div宽高按照特定比例显示内容padding-bottom

使div的宽和高始终按照一定比例显示，定义好宽度，高度为0，然后使用padding-bottom

    Html内容：

    <div class="a"></div>


    style样式内容两种写法：

    第一：
    .a{
    overflow: hidden
    width: 100%
    height: 0
    padding-bottom: 31.25%}
    
    第二：
    .a{
        width:100%
        height: 31.25vw}