type
status
date
slug
summary
tags
category
icon
password
简介
autofit.js 是一个可以让你的PC项目自适应屏幕的工具，其原理非常简单，即在scale等比缩放的基础上，向右或向下增加了宽度或高度，以达到充满全屏的效果，使用autofit.js不会挤压、拉伸元素，它只是单纯的设置了容器的宽高。
示例效果图
示例1
示例2
引入
以上使用的是默认参数，可根据实际情况调整，参数分别为
- renderDom（可选）：渲染的dom，默认是 "#app"，必须使用id选择器
- designWidth（可选）：设计稿的宽度，默认是 1920
- designHeight（可选）：设计稿的高度，默认是 929 ，如果项目以全屏展示，则可以设置为1080
- resize（可选）：是否监听resize事件，默认是 true
忽略某些元素
原生项目或jquery项目引入方式
将准备好的包放在项目中，常规引入方式
<script src="assets/autofit/autofit.js"></script> 需要修改autoofit.js文件，将//export { elRectification };//export default autofit;注释掉，不然报错，当然如果你项目支持import方式可以不用注释掉；
在你的项目js中使用autofit.init()
- 作者:90_blog
- 链接:https://blog.tri7e.com/article/js_autofit
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议，转载请注明出处。
