postcss.config.js配置解决vant在移动端上会变小的问题

最新推荐文章于 2024-05-30 11:21:03 发布

Liaochjser

最新推荐文章于 2024-05-30 11:21:03 发布

阅读量885

点赞数 1

分类专栏： vue javascript 文章标签： javascript postcss 前端

本文链接：https://blog.csdn.net/liaoxianhua888/article/details/125404402

版权

vue 同时被 2 个专栏收录

37 篇文章 0 订阅

订阅专栏

javascript

34 篇文章 0 订阅

订阅专栏


// postcss.config.js
module.exports = {
plugins: {
// postcss-pxtorem 插件的版本需要 >= 5.0.0
'postcss-pxtorem': {
rootValue({ file }) { // 判断是否是vant的文件 如果是就使用 37.5为根节点字体大小
// 否则使用75 因为vant使用的设计标准为375 但是市场现在的主流设置尺寸是750
return file.indexOf('vant') !== -1 ? 37.5 : 75;
},
// 配置哪些文件中的尺寸需要转化为rem *表示所有的都要转化
propList: ['*'],
    },
  },