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>