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

Question

网上看有人说，把这段放在link后，body前，不过没用啊

Answer 1

rem布局就是利用改变根节点字体大小来统一修改元素尺寸。
这段代码放到link后,body前就是为了当页面加载完毕后,根据屏幕宽度
来重设根节点字体大小.
至于你说的没有用,我个人觉得可能是你的CSS问题,比如你用了很多px做
单位.或者你没有把屏幕横过来,让屏幕触发resize/orientationchange事件.

Answer 2

事先用媒体查询初始化一下字体大小，可以解决。

Answer 3

这个我也遇到过，网速快点还好，没看出来，慢的话就会挺明显。
后来我在你上面那个js之外单独加了几个常用的。

@media screen and (min-width:640px){
    html{font-size:;}
}
@media screen and (min-width:414px) and (max-width:639px){
    html{font-size:;}
}
@media screen and (min-width:375px) and (max-width:413px){
    html{font-size:;}
}
@media screen and (min-width:320px) and (max-width:374px){
    html{font-size:;}
}

Answer 4

设置body隐藏，调用完这段js后显示body

Answer 5