章丘区网站建设,晋江网站建设报价,医疗网站建设基本流程,wordpress菜单种类上周做了一个原生H5小游戏页面#xff0c;使用rem来布局#xff0c;然后在三星和华为的部分机型里面出现了rem计算出现误差的情况#xff0c;截图如下在页面rem计算完成后#xff0c;用两种方式获取font-size。然后结果不一样#xff0c;导致某些元素通过rem计算后的值使用rem来布局然后在三星和华为的部分机型里面出现了rem计算出现误差的情况截图如下在页面rem计算完成后用两种方式获取font-size。然后结果不一样导致某些元素通过rem计算后的值产生了误差修复通过比较document.documentElement.style.fontSize和window.getComputedStyle(document.documentElement)[“font-size”]的差值如果误差大于1我们就重置html的font-sizevar html document.getElementsByTagName(html)[0];var settedFs settingFs parseInt(html.style.fontSize);var whileCount 0;while(true) {var realFs parseInt(window.getComputedStyle(html).fontSize);var delta realFs - settedFs;if (Math.abs(delta) 1) //不相等{if (delta 0) settingFs--; else settingFs;html.setAttribute(style, font-size:settingFs px!important);} elsebreak;if (whileCount 100) //之所以弄个100的循环跳出的原因在于实在无法预判设备是否能计算得到36px比如设备只能计算35px37px这样会死循环只能跳出了break}参考AD【快收录网】免费收录
