解决移动端rem+百分比布局加载瞬间页面错乱的方法

发布日期：2017-08-01 22:36:29   浏览量：

推荐——原生写法(优化加载，加快body的显示)，jQ写法(不利于加载，不过jquery.min.js体积也不算太大)。

2.小技巧——对body进行CSS处理

如果不像1一样，让js方法在页面加载到body之前就运行，又能保证加载完成前页面不错乱应该怎么做呢!

这里运用小技巧，利用css以及js的计时器等进行处理，先让body隐藏，在计算好html的font-size后再令其显示。其实按道理来说，这样的处理方式有点粗暴，但是也不是不可采用，方法如下：

给html中的body添加行内样式 style=”display:none”, 先设置隐藏；计算js的方法在body之后添加，做到先加载网页文档;