移动端适配

var designWidth = 750;  //设计稿的宽度
//初始化
resize();
//兼容不同机型
const event = 'onorientationchange' in window ? 'onorientationchange' : 'resize';
window.addEventListener(event, resize, false);
function resize () {
  //获取浏览器的宽度
  const clientWidth = document.documentElement.clientWidth;
  const fontSize = clientWidth / designWidth * 100;
  document.documentElement.style.fontSize = fontSize + "px";
}
// designWidth 可以自定义，使用的时候和UI稿的尺寸保持一致，把对应的大小除以100就可以转换为相应的rem为单位的值。
// 例如：24px=0.24rem