vuejs移动端如何把100px转成1rem(pxtorem)
vuejs移动端如何把100px转成1rem(pxtorem)
安装pxtorem脚手架
npm install postcss-pxtorem -D
# OR
yarn add i postcss-pxtorem -D
//找到.postcssrc.js引入一下代码
module.exports = {
"plugins": {
"postcss-import": {},
"postcss-url": {},
// to edit target browsers: use "browserslist" field in package.json
"autoprefixer": {
browsers: ['Android >= 4.0', 'iOS >= 7']
},
'postcss-pxtorem': {
rootValue: 100, //结果为:设计稿元素尺寸/16,比如元素宽320px,最终页面会换算成 20rem
propList: ['*']
}
}
}
以上是编程学习网小编为您介绍的“vuejs移动端如何把100px转成1rem(pxtorem)”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。