Android部分webview rem计算误差记录

上周做了一个原生H5小游戏页面,使用rem来布局,然后在三星和华为的部分机型里面出现了rem计算出现误差的情况,截图如下

Android部分webview rem计算误差记录
Android部分webview rem计算误差记录

在页面rem计算完成后,用两种方式获取font-size。然后结果不一样,导致某些元素通过rem计算后的值,产生了误差

修复

通过比较document.documentElement.style.fontSize和window.getComputedStyle(document.documentElement)[“font-size”]的差值,如果误差大于1,我们就重置html的font-size

参考

lib-flexible
vConsole

未经允许不得转载:一点博客-青梅煮码-共享博客 » Android部分webview rem计算误差记录
分享到:
赞(1) 打赏

评论抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏