移动端之动态获取屏幕根字体大小,js控制rem

// 按照iPhone6的尺寸设计    是375/25=15px

(function (docs, win) {

  var docEls = docs.documentElement,

    resizeEvts = 'orientationchange' in window ? 'orientationchange' : 'resize',

    recalcs = function () { //   getBoundingClientRect()这个方法返回一个矩形对象   

      window.rem  = docEls.getBoundingClientRect().width/25;

      docEls.style.fontSize = window.rem + 'px';

    };

  recalcs();

  if (!docs.addEventListener) return;

  win.addEventListener(resizeEvts, recalcs, false);

})(document, window);

转载:https://m.wang1314.com/doc/webapp/topic/20214758.html

你可能感兴趣的:(移动端之动态获取屏幕根字体大小,js控制rem)