vue 移动端适配

100%好用

第一步

npm install  postcss-pxtorem --save

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

 

第二部

package.json 中添加

"postcss": {
    "plugins": {
      "autoprefixer": {},
      "postcss-px-to-viewport": {
        "viewportWidth": 750,
        "minPixelValue": 1,
        "unitToConvert": "px",
        "unitPrecision": 6,
        "propList": [
          "*"
        ],
        "viewportUnit": "vw",
        "fontViewportUnit": "vw",
        "selectorBlackList": [],
        "mediaQuery": true,
        "exclude": [],
        "landscape": false
      }
    }
  }
 
 
第三部 npm run serve
 
美滋滋
 
 
 
 
 

vue 移动端适配

上一篇:@SpringBootApplication包括@SpringBootConfiguration、@EnableAutoConfiguration、@ComponentScan


下一篇:Vue中在移动端如何判断设备是安卓还是ios