css之vw布局

vw,vh是视口单位，是相对视口单位，与百分百布局不一样的是，百分百是相对于父及元素，而vw布局是相对与窗口。

而rem布局是要与js一起配合

// 以iphone6设计稿
@function px2vw($px) {
        @return ($px / 375) * 100vw;
    }

    .box-vw {
         px2vw(375);
        height: px2vw(375);
        background: red;
        font-size: 20px;
    }