懒人大屏自适应方案
写了这么久的大屏,直到今天我遇见了这个js库,我才发现,之前写代码为什么这么“慢”了。其实,还可以更快。真是弗拉~
这个js库就是 autofit.js
安装
yarn add autofit.js
使用
以vue3为例:
import autofit from 'autofit.js'
onMounted(()=>{
autofit.init({
dh: 1080,// 设计稿的高度,默认是 1080
dw: 1920,// 设计稿的宽度,默认是 1920
el:"body",// 渲染的dom,默认是 "body"
resize: true// 是否监听resize事件,默认是 true
})
})
我累个扫刚,起飞~