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; }
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; }