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