简介

为了解决在不同设备上面能够看到一样的效果,我们可以使用autofit.js插件来实现

autofit.js是一个可以让你的PC项目自适应屏幕的工具，其原理非常简单，即在scale等比缩放的基础上，向右或向下增加了宽度或高度，以达到充满全屏的效果，使用autofit.js不会挤压、拉伸元素，它只是单纯的设置了容器的宽高。

介绍

下载方法

autofit.js原地址:https://www.npmjs.com/package/autofit.js

npm i autofit.js

使用办法

①在APP.vue中使用代表在任何页面都生效

②在单一页面使用对当前页面生效

只需要把下面代码引入即可,这里的例子是vue2,vue3同理可用

import autofit from 'autofit.js';
mounted() {autofit.init({dh: 1080,dw: 1920,el:"body",resize: true})},unmounted() {autofit.init()}