rem 适配 可视化大屏

asd定义 js工具

(function () {
  let base_width = 1920; // 设计稿宽度
  let base_fontsize = 50; // 基础字体大小
  // 说明：
  // 一般设置 1920 50
  // 如果设计稿尺寸 3840  那么就设置 3840 100
  function getRem(pwidth, prem) {
    console.log(pwidth, prem);
    let html = document.getElementsByTagName('html')[0];
    let oWidth = window.innerWidth;
    html.style.fontSize = (oWidth / pwidth) * prem + 'px';
  }
  getRem(base_width, base_fontsize);
  window.onresize = function () {
    getRem(base_width, base_fontsize);
  };
})();

main 引入  

import './assets/js/rem.js'; //设置rem

下载 rem 插件

然后就可以直接复制 设计图 代码  并调基准