1.安装 lib-flexible 插件 ,手淘的移动端适配方案
npm i lib-flexible --save
2.在main.js中引入
import 'lib-flexible'
3.安装 postcss-px2rem-exclude 插件,主要解决的是vant等第三方UI框架在750或其他尺寸设计稿样式变形问题
npm i postcss-px2rem-exclude --save
注意: 如果使用了 postcss-px2rem 先将改插件删除
4.创建 postcss.config.js 文件
module.exports = {
plugins: {
autoprefixer: {},
'postcss-px2rem-exclude': {
remUnit: 75, //注意设计稿为750,则这为75,如果设计稿为375,则这为37.5
exclude: /node_modules|folder_name/i
}
}
}
5.重新启动即可