使用rem开发响应式布局

• <script>
      function setRem() {
          var ui_w = 375;
          // 获取屏幕的宽度
          var clientWidth = document.documentElement.clientWidth || document.body.clientWidth;
         
  
          // 通过js动态改变html根节点字体大小
          var html_ = document.getElementsByTagName('html')[0];
          html_.style.fontSize = (clientWidth/ui_w)*100 +'px';
      }
      // window.onresize 浏览器被重置大小执行事件
      window.onresize = setRem;
  
  
  </script>

  根据当前屏幕宽度和设计稿的宽度的比例，动态计算当前宽度下的fontsize值大小，如果fontsize值改变了，之前设定的所有的rem单位的值自动会跟着改变