移动端 rem 布局 解决方案

2018-06-14  本文已影响0人  会敲代码的程序员

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)

上一篇 下一篇

猜你喜欢

热点阅读