华为,小米部分机型微信浏览器rem不适配的解决方案
针对近日华为,小米的部分机型,在升级系统或升级微信之后,微信内置浏览器产生的rem不能正确填充满的问题,有如下解决方案 目前来看,产生这个情况的原因是因为给html附font-size时,附上的font-size和实际上html的font-size 大小并不一致 如图: 在问题机型上展示的三个值 分别为 1.机型最终附给html的font-size大小 2.我想赋给html的font-size大小 3.二者的倍数 尝试找了多个问题机型,最终的比例都是1.25左右(1.24999),所以解决方案如下 //针对机型适配的代码就不贴了 网上随手一搜一堆 这里就针对特殊机型的处理展示一下var docEl = doc.documentElement, setFontSize = function() { var clientWidth = document.documentElement.clientWidth, timer; if(!clientWidth) return; //原本对于html的字号设置 我这里用的是750的标准 ,640的也是同理 docEl.style.fontSize = 100 * (clientWidth / 750) + 'px'; if(window.getComputedStyle(document