rem动态计算rem

(function(win,doc){
  const docEl = doc.documentElement,
  calc = function(){
    let clientWidth = docEl.clientWidth
    if(clientWidth>=750){
      docEl.style.fontSize = '100px'
    }else{
      docEl.style.fontSize = 100 * clientWidth / 750 + 'px' 
    }
  }
  window.addEventListener('DOMContentLoaded', calc, false)
  window.addEventListener('resize', calc, false);
})(window,document)

注意：

1.DOMContentLoaded 当初始的 HTML 文档被完全加载和解析完成之后，DOMContentLoaded被触发，而无需等待样式表、图像和子框架的完全加载
2.window.onload 在文档装载完成后会触发 load 事件。此时，在文档中的所有对象都在DOM中，所有图片，脚本，链接以及子框都完成了装载。
3.$(document).ready(function(){}) 如果DOM准备就绪并且浏览器DOMContentLoaded在代码调用之前启动.ready( handler )，则该函数handler仍将执行。相反，DOMContentLoaded在事件触发后添加的事件侦听器从不执行