实现fontsize的全局适配，如何嵌入vue框架？

window.onload = function(){

    var whei = $(window).width()

    $("html").css({

         fontSize: whei / 20

   })

}

window.onresize = function () {

    var whei = $(window).width()

    $("html").css({

        fontSize: whei / 20

      })

}

记住这段无敌的代码，不用知道他是怎么来的，用就完了

 

现在正在进行echarts向vue的迁移，所以这段代码最好放到js文件里面

 

在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;”属性导致的，改成0px就可以了。