懒人大屏自适应方案

写了这么久的大屏,直到今天我遇见了这个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
    })
})

我累个扫刚,起飞~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值