rem布局下解决页面闪顿问题
- 该问题的原因就是web 根元素的fontsize值,没有固定。所以才会导致页面rem的值不固定,从而闪现布局。
- 解决方案就是在网页加载之前就把,fontsize值计算好并且固定住,就能解决。
<script>
//common js脚本
function resize(){
var htmlEle = document.documentElement;
var htmlwidth = window.innerWidth; //浏览器时下窗口可视区域宽度
// var rem = (win_width*20/2000); //这个比例最好要和设计稿比例一致
htmlEle.style.fontsize = htmlwidth*20/2000+'px';
}
resize();
</script>