CSS==元素自适应屏幕大小，等比缩放

思路： 计算出宽高比，并设置为padding-top的值，height设置为0(由padding撑起元素的高度)
此时元素内容被挤到下面，利用定位改变位置

<div class=""wrap>
    <div class="content"</div>
</ div>
.wrap {
    height: 0;
    padding-top: 30%;
    position: relative;
    .content {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
    }
}