这应该是vue项目在适配挪动端时刻,最简朴的要领之一
下面是基础步骤(运用cnpm)
1.下载并引入lib-flexible
cnpm install --save lib-flexible
在main.js中 :import ‘lib-flexible/flexible’
2.引入px2rem-loader
cnpm install --save px2rem-loader
3.将px2rem-loader增加到cssLoaders
在build/util.js中
增加以下设置
代码以下
const px2remLoader = {
loader: 'px2rem-loader',
options: {
remUnit: 75//这个是重点,设想稿是750px
}
}
const loaders = [cssLoader,px2remLoader]
完了就能够直接用px做单元根据750的设想稿撸代码了,