说明:vue3+vite下对屏幕进行适配 1.下载包
npm i postcss-pxtorem -D
2.在根目录下新建一个postcss.config.js文件,下面提供了一份基本的 PostCSS 示例配置,可以在此配置的基础上根据项目需求进行修改。
// postcss.config.js
module.exports = {
plugins: {
'postcss-pxtorem': {
rootValue: 37.5,//设计图宽度/10
propList: ['*'],
},
},
};
3.将index.js改名为flexible.js,放在根目录下
git clone https://gitee.com/aonu/lib-flexible.git
4.在index.html文件下引入
<!-- 引入flexible.js文件 -->
<script src="./flexible.js"></script>
5.完成适配