在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