rem布局下解决页面闪顿问题

  1. 该问题的原因就是web 根元素的fontsize值,没有固定。所以才会导致页面rem的值不固定,从而闪现布局。
  2. 解决方案就是在网页加载之前就把,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>

posted @ 2019-04-22 14:49  QiuYuLing  阅读(952)  评论(0编辑  收藏  举报