您的位置:首页 > Web前端 > Vue.js

vue 移动端适配

2020-07-31 14:54 489 查看

shop

vw适配

  1. .browserslistrc文件删除“not dead”

  2. 安装依赖

    cnpm i postcss-import postcss-url postcss-aspect-ratio-mini postcss-px-to-viewport postcss-write-svg postcss-cssnext postcss-viewport-units cssnano -S
  3. package.json
    里配置:

"postcss": {
"plugins": {
"postcss-import": {},
"postcss-url": {},
"postcss-aspect-ratio-mini": {},
"postcss-write-svg": {
"utf8": false
},
"postcss-cssnext": {},
"postcss-px-to-viewport": {
"viewportWidth": 375,
"viewportHeight": 667,
"unitPrecision": 3,
"viewportUnit": "vw",
"selectorBlackList": [
".ignore",
".hairlines"
],
"minPixelValue": 1,
"mediaQuery": false
},
"cssnano": {
"cssnano-preset-advanced": {
"preset": "advanced",
"autoprefixer": false,
"postcss-zindex": false,
"zindex": false
}
}
}
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: