vue项目：大屏自适应解决方案（两种）

css缩放方案： 利用transform：scale 进行适配

推荐使用v-scale-screen

值得注意的是：

vue 2.6、2.7 要使用

npm install v-scale-screen@1.0.2 

vue3：要使用v-scale-screen版本

npm install v-scale-screen@2.0.0

用法：

<v-scale-screen width="1920" height="1080">
</v-scale-screen>

Api详见： README.md · v3.0 · mirrors / Alfred-Skyblue / v-scale-screen · GitCode

rem方案

原理： 利用html的font-size变换，在移动端也经常使用此方法。

第一步

在utils目录下创建flexible.js, 复制下方代码。黏贴保存。

注意可能会有报错， 因为eslint， 使用设置好格式化插件的格式化一下就行了。

(function (win, lib) {
  var doc = win.document;
  var doc