js移动端适配封装rem

最新推荐文章于 2023-02-18 14:36:14 发布

前端开发小能手

最新推荐文章于 2023-02-18 14:36:14 发布

阅读量296

点赞数

文章标签： rem 移动端适配 rem封装

原文链接：https://segmentfault.com/a/1190000008721148

版权

小米官网写法：1rem = 100px

!function(n){
    var  e=n.document,
         t=e.documentElement,
         i=720,
         d=i/100,
         o="orientationchange"in n?"orientationchange":"resize",
         a=function(){
             var n=t.clientWidth||320;n>720&&(n=720);
             t.style.fontSize=n/d+"px"
         };
         e.addEventListener&&(n.addEventListener(o,a,!1),e.addEventListener("DOMContentLoaded",a,!1))
}(window);