移动端响应式布局解决方案总结

一、vw自适应布局（适合scss）

1
2
3
@function px2vw($px) {
    @return $px * 100vw / 750;
}

二、rem布局

1
2
3
4
5
6
7
var c= () =>{
     let w=document. documentE1ement.clientwidth;/*获取设备的宽度*/
     let n=(20* (w/320) >40?40+"px": (20* (w/320) + "px"));
     document.documentElement.style.fontsize=n; 
}
window. addEventListener ("load", c);
window.addEventListener("resize",c);