vue3.0+vite 使用 postcss-pxtorem 实现移动自适应

下载 postcss-pxtorem

?

1	npm i postcss-pxtorem -D

　　

与package.json同级目录创建postcss.config.js文件

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

module.exports = { plugins: { autoprefixer: { overrideBrowserslist: [ "Android 4.1", "iOS 7.1", "Chrome > 31", "ff > 31", "ie >= 8", "last 10 versions", // 所有主流浏览器最近10版本用 ], grid: true, }, 'postcss-pxtorem': { rootValue: 37.5, propList: ['*'], unitPrecision: 5 } } }

　　

这里只实现了 px转rem，还要安装 amfe-flexible

?

1	npm i amfe-flexible  autoprefixer -D

　　

在main.ts文件中 import 一下就好可以了

?

1	import ‘amfe-flexible/index.js’