YanTianFeng的知识库

Want Coding

Want Reading

文章 89

访问 18442

评论 2

头像

YanTianFeng

发私信

文章 89
访问 18442
评论 2
Technology and Code
返回顶部

Knowledge  移动端rem适配

标签   rem  

  ( 10 )       ( 0 )


前言

我们在做手机端时,适配是必须要处理的一个问题。

我们处理适配的方案就是通过写一个 rem.js ,原理很简单,就是根据网页尺寸计算 html 的 font - size 大小,基本上小伙伴们都知道,这里直接附上代码,不多做介绍。

(function(c,d){var e=document.documentElement||document.body,
 
    a="orientationchange" in window?"orientationchange":"resize",
 
    b=function({var f=e.clientWidth;

    e.style.fontSize=(f>=750)?"100px":100*(f/750)+"px"};

    b();

    c.addEventListener(a,b,false)

})(window);

在 main.js 中,直接 import '. / config / rem' 导入即可