1,下载flexible.js
下载地址:http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js
下载后放到/static目录下
2,安装postcss-px2rem
npm install --save postcss-px2rem
3,配置
打开nuxt.config.js
3.1,在head中引入flexible.js
head: {
script: [{
src: '/flexible.js',
type: 'text/javascript',
charset: 'utf-8'
}]
},
3.2,在build中配置postcss-px2rem
build: {
postcss: [
require('postcss-px2rem')({
remUnit: 37.5
})
],
}
remUnit值根据设计图宽度来设置,比如设计图宽度是375px,值就设置为37.5