移动端 rem 布局 解决方案

js 文件 

window.addEventListener("onorientationchange",setrem)

window.addEventListener("resize",setrem)

setrem()

function setrem(){

var html  = document.querySelector("html")

var width  = html.getBoundingClientRect().width

    html.style.fontSize = width/16+"px"

}

scss 文件 

@function rem($px){

@return  $px /46.875 +rem

}

css

调用rem

rem(px)

你可能感兴趣的:(移动端 rem 布局 解决方案)