window.onload?=?function(){

????var?whei?=?$(window).width()

????$("html").css({

?????????fontSize:?whei?/?20

???})

}

window.onresize?=?function?()?{

????var?whei?=?$(window).width()

????$("html").css({

????????fontSize:?whei?/?20

??????})

}

記住這段無敵的代碼，不用知道他是怎么來的，用就完了

?

現(xiàn)在正在進行echarts向vue的遷移，所以這段代碼最好放到j(luò)s文件里面

?

在js文件夾里新建一個.js文件將這段代碼放在里面，但是可以改寫一下

window.onload?=?window.onresize?=?function(){

????//?var?whei?=?$(window).width()

????let?html?=?document.querySelector('html')

????html.style.fontSize?=?window.innerWidth?/?20?+?"px"

}

然后，在主程序中import一下就可以了

但是，我遇見了我的頭部欄沒有顯示在頂部的情況，一度以為這個代碼不行，但是是因為vue的app.vue的#app中有一個“margin-top: 60px;”屬性導(dǎo)致的，改成0px就可以了。

總結(jié)

以上是生活随笔為你收集整理的实现fontsize的全局适配，如何嵌入vue框架？的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。