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}