介绍autofit

new code Boy

于 2024-06-17 15:26:27 发布

阅读量254

点赞数 3

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/qq_46344419/article/details/139745408

版权

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

autofit.js - npm

安装：
npm i autofit.js

使用：
<template>
    <div class="home-container"></div>
</template>

<script>
import autofit from 'autofit.js'

export default{
    mounted(){
        let options = {
            designHeight: 1080,
            designWidth: 1920, 
            renderDom: ".home-container", 
        }
        autofit.init(options)
    }
}
</script>