在App.js文件下:

mounted() {
      this.$nextTick(function() {
        // 适配不同屏幕,改变根font-size值
          if (document.documentElement.clientWidth <= document.documentElement.clientHeight) {
              document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px';
          } else {
              document.documentElement.style.fontSize = document.documentElement.clientWidth / 13.34 + 'px';
          }
      })     
  }

375像素宽设计稿  ->  50px      所有设计稿上的像素均需除以50计算为得到的rem

Logo

前往低代码交流专区

更多推荐