autoFit.js自适应窗口大小工具使用

2023-10-17 1,145 阅读1分钟

1,下载安装autofit.js

npm i autofit.js

2，Vue项目内在app.vue直接引入

import autofit from 'autofit.js'

3，实际使用，一般vue项目直接使用的app作为根节点可以直接autofit.init()使用，下面的示例为默认配置

onMounted(() => {
  nextTick(() => {
    let options = {
      designHeight: 1080,
      designWidth: 1920,
      renderDom: "#app",
      resize: true
    }
    autofit.init(options)
  })
})

其他使用直接参考大佬的文章 (juejin.cn/post/723108…)