rem布局，使用手机端，pc大屏—

rem布局，使用手机端，pc大屏——亲测好用

 1 var docEl = document.documentElement,
 2     //当设备的方向变化（设备横向持或纵向持）此事件被触发。绑定此事件时，
 3     //注意现在当浏览器不支持orientationChange事件的时候我们绑定了resize 事件。
 4     //总来的来就是监听当前窗口的变化，一旦有变化就需要重新设置根字体的值
 5     resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
 6     recalc = function() {
 7         //设置根字体大小1:50适用于375的设计稿，需要变更，就更改基础字体的数值
 8         docEl.style.fontSize = docEl.clientWidth / 10 + 'px';
 9     };
10 
11 //绑定浏览器缩放与加载时间
12 window.addEventListener(resizeEvt, recalc, false);
13 document.addEventListener('DOMContentLoaded', recalc, false);