移动端rem布局,为什么刷新和加载时候,刷新过程中页面小,刷新完正常?

最近在做一个项目,使用rem来做适配,刚开始起来感觉还是蛮不处,这里就不说他的好处了,我使用rem做适配是这样的:

window.onload=function(){
    document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px';
 };

这样1rem=100px;
刚开始的时候,我是把这个代码放在</body>后面,但是发现页面刚开始加载的时候,会出现先变小,然后页面才正常的过程,于是我就把他放在<link>的后面<body>的前面,正常的一段时间。后面又出现了类似的情况,发现把window.onload去掉:

 document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px';

页面又能正常的跑了。请问路过的各位大神,有没有更好的解决方法呢?希望能得到您的指点

推荐阅读更多精彩内容