vue 移动端布局方案

postcss-px-to-viewport （推荐使用这个方案）

他是这样一款优秀、高效、简洁的解决方案，它能完美解决上面的三个痛点，高效的将代码中px单位转为rm、rem、vw等视口单位，一份配置文件完美解决适配问题。

npm 安装

npm install postcss-px-to-viewport --save-dev

项目根目录添加配置文件

1. 在根目录里创建postcss.config.js配置文件
2. 添加配置

   module.exports = {
        
     plugins: {
        
       'postcss-px-to-viewport': {
        
         unitToConvert: 'px', // 需要转换的单位，默认为"px"
         viewportWidth: 1920, // 设计稿的视口宽度
         unitPrecision: 5,