移动端字体根据窗口宽度变化

写一个js

(function() {
  'use strict';

  const mWidth = 750;
  // 减少dom操作
  const doc = document.documentElement;

  function resize(){
    // 获取dom文档宽
    const deviceWidth= window.innerWidth || doc.getBoundingClientRect().width || doc.clientWidth;
    // 动态改变html的font-size,以750为例
    if(deviceWidth > mWidth) {
      doc.style.fontSize = 100 + 'px'
    } else {
      doc.style.fontSize = (deviceWidth / 7.5) + 'px'
    }
  }
  // 检测屏幕尺寸变化同步font-size，如横竖屏切换时触发
  window.addEventListener('resize', () => {
    resize()
  }, false)
  // 页面初始化时触发
  resize()

})();