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

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

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

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

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

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