在某些安卓手机上,html元素的实际大小比设置得值要大。例如(本来是25.8px的,但实际渲染成29px)。

发布于 09-04 02:04 字数 622 浏览 21 评论 0

在某些安卓手机上,html元素的实际大小比设置得值要大。例如(本来是25.8px的,但实际渲染成29px)。更奇葩的是,用二维码扫描是正确的,直接打开连接就会有这个问题。

在华为手Q环境下,安卓4.1

如何解决?

我目前的解决方案是:

  function getStyle(ele, style) {
    return document.defaultView.getComputedStyle(ele, null)[style]
  }

  ;(function fixFontSize() {
    var target = window.o2Zoom * 20
    var cur = parseInt(getStyle(document.documentElement, "fontSize"))
    while(cur - target >= 1) {
      document.documentElement.style["fontSize"] = target - (cur - target) + "px"
      cur = parseInt(getStyle(document.documentElement, "fontSize"))
    }          
  })();

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

塔塔猫2022-09-11 02:04:09
在head里面
加上<meta name="wap-font-scale" content="no">试试
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文