从flexable源码谈到大屏适配

flexable 源码分析

首先 写一个立即执行函数 传入两个实参 window 和 document

第一步 1.1获取html元素 document.documentElement
1.2运用逻辑中断判断是 pc端 还是 移动端

第二步 更改body中文字的size为12px 写一个函数
如果直接可以获取到body直接把文字大小设置为12px
如果没能获取到body就等页面DOM原素全部加载完成在运用递归调用函数本身

第三步 重新设置宽度 写一个函数重新设置宽度
clientWidth 获取元素可见部分高度（不包含边框，margin，滚动条） / 10

将可视区的宽度分为10等分 rem = clientWidth / 10

将dom元素的fantsize设置为 rem + 'px'

第四步

4.1运用 resize 实现 rem尺寸随着屏幕大小变化
4.2为了适配 火狐

第五步 处理1px 真机显示称 2px的问题