移動端頁面寬度相容處理

手機端頁面寬度相容處理，為了設定不同解析度螢幕的html的font-size。

分享一段程式碼，它能夠實現我們的要求，程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
(function (doc, win) {
  var docEl = doc.documentElement,
      resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
      recalc = function () {
        var clientWidth = docEl.clientWidth;
        if (!clientWidth) return;
        docEl.style.fontSize = 20 * (clientWidth / 320) + 'px';
      };
  if (!doc.addEventListener) return;
  win.addEventListener(resizeEvt, recalc, false);
  doc.addEventListener('DOMContentLoaded', recalc, false);
})(document, window);