長寬比爲16：9的div，且自適應

css:

.box{
            width: 100%;
            height: 0;
            padding-top: 56.25%;
            border: 1px solid  red;
        }

html:

<div class="box"></div>

tip:因爲高度爲0；box的子元素就沒辦發設置高度 ，因此須要用到定位

tip:戳這裏瞭解css百分比大小計算詳情