关于rem加载闪烁的问题

最新推荐文章于 2022-09-01 16:53:23 发布

原创最新推荐文章于 2022-09-01 16:53:23 发布 · 2.2k 阅读

1 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

1 篇文章

订阅专栏

笔者在开发H5页面的时候,需要处理移动端的适配问题,比如在浏览器手机模式ctrl+F5连续强刷或者手机端加载过程中网速过慢的时候就会出现0.1s(比喻的时间).出现闪烁的过程,很影响用户体验,相信遇见的都知道这个毒瘤.但是rem的好处,用爽了根本停不下来,在网上搜了好多资料.都没有解决,但是受到一些启发,只要把这段适配js代码放在计算之前就可以了,确保body加载的时候,fontsize存在就可以了.自此不再受这个毒瘤的困惑了!!!!!!11

附上适配代码:

function add(){var html=document.documentElement;var hei=html.clientWidth;var fz=hei/375*100+"px";html.style.fontSize=fz};add();window.addEventListener("resize",add,false);