在使用vue init webpack构建的项目中,一开始我准备使用rem布局,以前使用rem布局,都采用的是AMFE团队发布的lib-flexible,但是在flexible的redeme的一开始 我就读到了这么一段话,官方指引我使用vw实现适配
依据引导,我启用了postcss插件,并且学习到了vw适配,vue构建项目的根目录下的.postcssrc.js文件中的配置如下(摘自https://www.w3cplus.com/mobile/vw-layout-in-vue.html):
module.
exports = {
"plugins"
: {
"postcss-import"
: {},
"postcss-url"
: {},
"postcss-aspect-ratio-mini"
: {},
"postcss-write-svg"
: {
utf8:
false
},
"postcss-cssnext"
: {},
"postcss-px-to-viewport"
: {
viewportWidth:
750,
// (Number) The width of the viewport.