vue-cli2移動端適配

因爲使用lib-flexible與postcss-px2rem來適配移動端,使px轉rem方便開發,發現不適配ipad,爲解決這個問題,找到了一個方法javascript

https://www.jianshu.com/p/7aa4250c9293css

因爲這是vue-cli3的方法,vue-cli2中我配置的沒效果,因而又想其餘辦法,最後搞定vue

npm install amfe-flexible -S
npm install postcss-px2rem -D

在main.js中引入amfe-flexiblejava

import 'amfe-flexible'

找到.postcssrc.js文件vue-cli

module.exports = {
  "plugins": {
    "postcss-import": {},
    "postcss-url": {},
    "autoprefixer": {},
    "postcss-px2rem": {
      "remUnit": 37.5
    }
  }
}

這樣就能夠以設計稿爲375px,愉快的開發了npm

相關文章
相關標籤/搜索