h5移动端适配

最新推荐文章于 2024-08-23 13:45:37 发布

a濯

最新推荐文章于 2024-08-23 13:45:37 发布

阅读量103

点赞数 2

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/qq_46738283/article/details/138601789

版权

安装插件

npm install amfe-flexible --save
npm install postcss-pxtorem --save

新建postcss.config.js文件，在vue.config.js同一级–>粘贴下面代码

module.exports = {
  plugins: {
    autoprefixer: {},
    "postcss-pxtorem": {
      rootValue: 75, // 设计稿宽度的100分之1，通常是750
      propList: ["*"], // 需要转换的属性，这里选择转换所有属性
      selectorBlackList: ["van"],  //不适配vant，否则vant组件的样式会整体缩小，可以在app.vue中设置默认字体等样式
    },
  },
};