vue 移动端适配
2020-07-31 14:54
489 查看
shop
vw适配
-
.browserslistrc文件删除“not dead”
-
安装依赖
cnpm i postcss-import postcss-url postcss-aspect-ratio-mini postcss-px-to-viewport postcss-write-svg postcss-cssnext postcss-viewport-units cssnano -S
-
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 } } } }
相关文章推荐
- vue做移动端适配最佳解决方案(亲测有效)
- vue-cli引入手淘移动端适配解决方案
- vue 移动端屏幕适配 使用rem
- vue移动端适配插件lib-flexible
- 关于vue利用postcss-pxtorem进行移动端适配的问题
- 解决vue移动端适配问题
- Vue移动端适配方案(webstorm)
- vue移动端屏幕适配详解
- vue移动端适配 -- px2rem
- 解决vue移动端适配问题
- vuejs第二篇 vue-cli配置移动端自适配(引入flexible)
- vue使用rem实现 移动端屏幕适配
- 解决vue移动端适配问题
- 24k纯小白用Vue写移动端页面时遇到的适配坑
- 关于Vue-cli3项目+vant-ui框架移动端适配问题?
- vue移动端适配方案lib-flexible和px2rem-loader
- Vue移动端的适配
- vue项目中使用lib-flexible解决移动端适配的问题解决
- 使用vue-cli3.0搭建适配移动端的项目
- Vue:将px转化为rem,适配移动端