移动端适配代码，自动适应屏幕

 

分享一个移动端适配代码，有一些做移动端的伙伴们，适合初学者简单，直接粘贴复制即可，

具体的不会多说，不了解适配的可以专攻一下，此代码会在html中根元素添加font-size，切换不同的屏幕，尺寸变换大小，进项适配

此代码适配是1rem = 32px;

100px = 3.2rem  好计算

<script>
     ;(function(doc, win) {
      var docEl = doc.documentElement,
        resizeEvt =
          'orientationchange' in window ? 'orientationchange' : 'resize',
        recalc = function() {
          var clientWidth = docEl.clientWidth
          if (!clientWidth) return
          docEl.style.fontSize = 37.5 * (clientWidth / 375) + 'px'
        }
      if (!doc.addEventListener) return
      win.addEventListener(resizeEvt, recalc, false)
      doc.addEventListener('DOMContentLoaded', recalc, false)
    })(document, window)
</script>