屏幕自适应autofit.js介绍

本文主要是介绍屏幕自适应autofit.js介绍，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

1、首先下载autofit.js文件

GitCode - 全球开发者的开源社区,开源代码托管平台

2、html中引入autofit.js

在html文件中加上以下语句，中对应src路径要与项目位置一致

    <script type="text/javascript" src="../assets/js/autofit.js"></script>    

3、注释掉autofit.js文件末尾语句，否则会报错

//export { elRectification };
//export default autofit;

4、启动项目autofit.js

在html页面中加入以下语句；

autofit.init()

5、参数配置

        只是加入autofit.init()语句，会自动引用autofit.js中的默认参数；在实际项目中，我们需要根据实际屏幕大小设置参数，具体格式如下：

autofit.init({
                    dh: 1080, // 设计稿高度
                    dw: autoFitWindowWidth, // 设计稿宽度
                    el: "body", // 渲染的目标DOM，默认为"body"
                    resize: true // 是否监听窗口resize事件
                });

这篇关于屏幕自适应autofit.js介绍的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---