欧酷网

您的位置:主页>网络>

华为,小米部分机型微信浏览器rem不适配的解决方案

针对近日华为,小米的部分机型,在升级系统或升级微信之后,微信内置浏览器产生的rem不能正确填充满的问题,有如下解决方案

目前来看,产生这个情况的原因是因为给html附font-size时,附上的font-size和实际上html的font-size 大小并不一致

如图:www.wityx.com

 在问题机型上展示的三个值 分别为 1.机型最终附给html的font-size大小  2.我想赋给html的font-size大小 3.二者的倍数

尝试找了多个问题机型,最终的比例都是1.25左右(1.24999),所以解决方案如下

 docEl ==  clientWidth =(!clientWidth) = 100 * (clientWidth / 750) + 'px'(window.getComputedStyle(document.getElementsByTagName("html")[0 size = window.getComputedStyle(document.getElementsByTagName("html")[0]).fontSize.split('p')[0
 
      
             //为什么不直接*1.25 也不解释了 最终比例不一定是1.25                
              (size*1.2 < 100 * (clientWidth / 750= 125 * (clientWidth / 750) + 'px'
 

em。。。。大致上能看的明白吧

至于为什么会产生这个问题,目前还不清楚,可能是因为微信浏览器或者问题机型对于根字号的处理细节不一致,可能以后会处理,但暂时没有啥别的好方法,嗯

希望能给大家一些帮助,谢谢,转载请标明出处

  • 点赞

  • 收藏

  • 分享

  •    
    • 文章举报

qq836869520

 
发布了88 篇原创文章 ·    获赞 1 ·    访问量 1714  

私信

关注

相关文章推荐