在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ ui 兼容問題?

ui 兼容問題?

圖:
華為:
clipboard.png
其他手機(jī):
clipboard.png

問: 華為手機(jī)上 app 嵌套 頁面設(shè)置的所有 rem 高度無效, 求解謝謝~
信息:
手機(jī)型號(hào): HUAWEI G750-T01
Android 版本: 4.2.2
meta 標(biāo)簽:

<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">(針對(duì)ie可有可無)
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0">

rem 設(shè)置代碼:

(function(win) {
  var doc = win.document,
    html = doc.documentElement,
    baseWidth = 750,
    grids = baseWidth / 100,
    resizeEvt = 'orientationchange' in win ? 'orientationchange' : 'resize',
    recalc = function() {
      var clientWidth = html.clientWidth || 375
      // if( clientWidth > 750 ){ clientWidth = 750 }
      html.style.fontSize = clientWidth / grids + 'px'
    }
  if (!doc.addEventListener) return
  win.addEventListener(resizeEvt, recalc, false)
  doc.addEventListener('DOMContentLoaded', function() {
    setTimeout(recalc)
  }, false)
})(window)
回答
編輯回答
網(wǎng)妓

華為某些手機(jī)的rem值有問題,1rem并不等于htmlfont-size??梢酝ㄟ^輸出document.querySelector('html').style.fontSizegetComputedStyle(html).fontSize 的值來對(duì)比下,最后在計(jì)算出一個(gè)htmlfont-size.

2018年5月29日 00:57