rem适配设置

// 设计图尺寸
var UIW = 1366;
function setRem() {
  var dpr = 0,
    rem = 0,
    scale = 0;
  // 获取页面根元素
  var documentElement = document.documentElement;
  // 此属性返回当前显示设备的物理像素分辨率与CSS像素分辨率的比值。
  dpr = window.devicePixelRatio || 1;
  //  获取当前显示器下页面宽度
  var currentWidth = documentElement.clientWidth;
  // 缩放比例 = 页面宽度 / ui设计图宽度
  scale = currentWidth / UIW;
  // 让1rem始终为10px 请保证uiw是整数
  var baseSize = UIW / 10;
  // 算出根元素字体的大小
  rem = (UIW / baseSize) * scale;
  // 设置根元素字体的大小
  documentElement.style.fontSize = rem + "px";
  // data-dpr属性,留作的css hack之用
  documentElement.setAttribute("data-dpr", dpr);
}
setRem();
window.onresize = () => {
  setRem();
};
window.addEventListener(
  "orientationchange",
  function() {
    setRem();
  },
  false
);