css - 在某些安卓手机上,html元素的实际大小比设置得值要大。例如(本来是25.8px的,但实际渲染成29px)。
迷茫
迷茫 2017-04-17 13:58:32
0
1
395

在某些安卓手机上,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"))
    }          
  })();
迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

reply all(1)
Ty80
在head里面
加上<meta name="wap-font-scale" content="no">试试
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template