移动端设置全局字体

67 阅读1分钟

写在全局可以自动识别移动端的字体大小

(function(doc,win){
    var docEl = doc.documentElement,resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
      recalc = function(){
        var clientWidth = docEl.clientWidth;
        if(!clientWidth) return;
        if(clientWidth>=640){
          docEl.style.fontSize = '100px';
        }
        else{
          docEl.style.fontSize = 200 * (clientWidth / 640) + 'px';
        }
      };
    if (!doc.addEventListener) return;
    win.addEventListener(resizeEvt, recalc, false);
    doc.addEventListener('DOMContentLoaded', recalc, false);
})(document,window);