vue设置字体随页面变化更改大小

在App.vue中添加

mounted() {
      let width=$("body").width();
      if(width>=1200){
　　　　　　//此处1920为自己屏幕的宽度，40位基准值，一般为16px
        let fontsize=width/1920*40;//fontsize为当前屏幕的基数字体，相对于设计稿计算得到的。
        $("html").css("font-size",`${fontsize}px`)
      }//当加载页面的时候设置生效
      window.onresize = () => {//当页面尺寸改变的时候生效
        return (() => {
          let width=$("body").width();
          if(width>=1200){
            let fontsize=width/1920*40;
            $("html").css("font-size",`${fontsize}px`)
          }
        })()
      }
    }

 

 

来源：https://blog.csdn.net/qq_36288559/article/details/110950295