关于rem加载闪烁的问题

来源:互联网 发布:淘宝众筹的产品怎么样 编辑:程序博客网 时间:2024/05/20 17:23

笔者在开发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);

附上闪烁效果图:


阅读全文
0 0
原创粉丝点击