# :-: Vue:将px转化为rem > 下载**amfe-flexible**（为阿里手淘团队打造：[https://github.com/amfe/lib-flexible](https://github.com/amfe/lib-flexible)） > ps：注意不是lib-flexble 是 **amfe-flexible**（lib-flexble 在ipad适配下font-size计算奇怪） ``` npm i amfe-flexible --save ``` > 在main.js中引入amfe-flexible，可以看到html的根元素的font-size随屏幕大小变化。 ``` import "amfe-flexible" ``` > 安装postcss-px2rem，做到填写px自动转化为rem。 ``` npm install px2rem-loader --save-dev ``` > vue-cli3.0配置package.josn ``` "postcss": { "plugins": { "autoprefixer": {}, "postcss-px2rem": { "remUnit": 37.5 //该设计图尺寸为375px } } }, ``` > vue-cli2.0 自己去找 好久没配置了 >最后在npm run dev