在实际开发中，我们需要将设计稿中的px转换成rem，然后写入样式中。 Postcss-px2rem可以帮助我们自动完成转换。 一、安装模块cnpm install amfe-flexible post CSS-px 2 rem-samfe-flexible:是rem的适配器插件。 (例:750px == 10rem)postcss-px2rem:负责自动将输入的px转换为rem。 二、导入文件main.js介绍amfe-flexible导入“amfe-flexible”；3.您可以选择以下配置之一:1 .在项目根目录下创建vue.config.js文件，完成如下配置:module . exports = { CSS:{ loader options:{ post CSS:{ plugins:[//设计稿宽度的1/10，一般为75 require(' post CSS-px 2 rem ')({ rem unit:75 })，]}} 2 .我们也可以打开package.json，添加如下配置:" post CSS ":{ " plugins ":{ " Autoprefix ":{ } " post CSS-px 2 rem ":{ " Reminit ":75 } }配置的Reminit设置为75(设计稿宽度的1/10)，也就是说75px会转换为1rem。 四。重启项目cnpm运行服务