移动端rem布局刷新 网页瞬间缩小

两种解决方案;

人狠话不多,直接上 解决方案.

1.利用媒体查询 设置几个常用的宽度
@media screen and (min-width:750px){
    html{font-size:100px;}
}
@media screen and (min-width:640px) and (max-width:749px){
    html{font-size:85.333px;}
}
@media screen and (min-width:414px) and (max-width:639px){
    html{font-size:61.333px;}
}
@media screen and (min-width:375px) and (max-width:413px){
    html{font-size:50px;}
}
@media screen and (min-width:320px) and (max-width:374px){
    html{font-size:42.6667px;}
}
2.对body 进行css处理；利用style=”visibility:hidden”先 设置隐藏；在js的方法在body之后添加，做到先加载网页文档；在js计算fontSize之后添加如下代码；
 setTimeout(showpage,1)
function showPage(){
	$("body").css({
	  ‘visibility’：‘visible’
	})
}

有什么良好的解决方案 欢迎探讨~~