圖:
華為:

其他手機(jī):

問: 華為手機(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)