移动端REM布局加载瞬间的尺寸BUG,怎么解决?

最近在做移动端页面,采用REM布局,但出现一个BUG,在页面刚加载瞬间,尺寸出错,如下图 完全加载后又回复正常,如下图 也试过网上其他设置HTML字体大小的代码段,都会出现这个问题。 暂时猜测是该代码段放置的位置导致的BUG,但是将该代码段放在最前面或者最后面均不能解决该问题。
关注者
12
被浏览
477
可以看一下 lib-flexible 的源码。

你的代码在 HTML document 完全加载和解析后才执行的,所以有可能导致瞬间的排版错乱。
应该按 lib-flexible 的方式,对处理 rem 的代码做内敛处理,将相应 rem 大小设置在 document 上,紧接着加载对应的样式。