vue 移动端H5 布局 rempostcss-px2rem引入两个包1. lib-flexiblelib-flexible 会自动在为你添加 meta name“viewport” 的标签同时会自动设置html的 font-size 为屏幕宽度除以10也就是 1rem 等于html根节点的 font-size。假如设计稿的宽度是375px此时1rem应该等于37.5px。假如设计稿的宽度是750px此时1rem应该等于75px2. postcss-px2rempostcss-px2rem会将你代码中的px转换为rem使用方法1、安装 flexible和 postcss-px2rem命令行安装npm install lib-flexible--save npm install postcss-px2rem--save2、在项目入口文件main.js 中引入lib-flexibleimportlib-flexible由于 flexible 会动态给页面 header 中添加 标签所以务必请把目录 public/index.html 中的这个标签删除3、配置 postcss-px2rem修改vue.config.jsvue-cli3 构建的项目比以前的精简许多如果没有请在根目录新建module.exports{css:{loaderOptions:{css:{},postcss:{plugins:[require(postcss-px2rem)({remUnit:75})]}}}}4、重启项目