可视化大屏的需求越来越广泛，几乎所有的项目都要求自适应屏幕，传统的rem，vw、vh适配太繁琐且后期新增适配的话很麻烦。我们可以使用工具一键帮我们完成——autofit.js，下面是该插件的使用步骤：

1.npm引入autofit.js

npm i autofit.js

2.在App.vue文件中引入（全局使用）

import autofit from 'autofit.js'

3.在mounted生命周期中配置自适应代码

autofit.init({
        designHeight: 1080,  //项目初始的分辨率，一般就是你开发电脑的屏幕分辨率
        designWidth: 1920,  //项目初始的分辨率，一般就是你开发电脑的屏幕分辨率
        renderDom:"#app",   //App最外层的id名，一般都为app
        resize: true        //是否监听resize事件，默认是 true
    },false) 

4.重启项目即实现大屏项目自动适配了