（淘宝无限适配）移动端处理方案
文章描述：
在HbuilderX工具里面配置（淘宝无限适配）手机端使用方法
文件
下载：https://www.miyil.com/statics/common/js/flexible.js
vue项目
把flexible.js文件放在src/assets/js目录下面
配置
项目
根目录vue.config.js
const { defineConfig } = require("@vue/cli-service");
const path = require('path')
module.exports = defineConfig({
transpileDependencies: true,
lintOnSave: false,
configureWebpack:(config)=>{
config.resolve = {
extensions :['.js', '.json', '.vue'],
alias:{
'@': path.resolve(__dirname,'./src'),
}
}
},
});
src/main.js
// 淘宝无限适配
import '@/assets/js/flexible'打开浏览器查看如图：
表示淘宝无限适配载入成功！
HbuilderX
打开HbuilderX工具 → 设置 → 工具，找到如图位置：
把px转rem比例里面默认值16改成37.5
当我们输入样式6px时，工具会把6px转成0.16rem，这样更好的适配手机设备
发布时间：2022/07/18
发表评论