移动端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';

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容