根据设备分辨率更改根字体大小

rem布局,根据设备分辨率更改根字体大小

  (function (win, doc) {
  
    change();
    
    function change() {
      doc.documentElement.style.fontSize = doc.documentElement.clientWidth * 20 / 320 + 'px';
    }

    win.addEventListener('resize', change, false);
    
    /* 这个是移动端设备横屏、竖屏转换时触发的事件处理函数 */
    win.addEventListener('orientationchange', change, false);
    
  })(window, document);

你可能感兴趣的:(根据设备分辨率更改根字体大小)