大屏适配方案 autofit.js

本文只做自己笔记记录，不是我的原创；原创博主原文链接：https://blog.csdn.net/m0_67350312/article/details/132628292

1. npm i autofit.js

2. import autofit from 'autofit.js'

3. init（）注意：要在mounted（）里

mounted() {
autofit.init({
designHeight: 1080,//高度
designWidth: 1920,//宽度
// renderDom: '#app',
resize: true
})
}

4.

以上使用的是默认参数，可根据实际情况调整，可选参数有

* - el：渲染的dom，默认是 "#app"，必须使用id选择器
* - dw：设计稿的宽度，默认是 1920
* - dh：设计稿的高度，默认是 929 ，如果项目以全屏展示，则可以设置为1080
* - resize：是否监听resize事件，默认是 true
* - ignore：忽略缩放的元素（该元素将反向缩放），参数见readme.md
* - transition：过渡时间，默认是 0
* - delay：默认是 0