1、首先下载autofit.js文件
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事件
});