本文主要是介绍介绍autofit,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
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>
这篇关于介绍autofit的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!