欢迎到专业群（ uni-app 官方技术交流群 1 ） 咨询，群中有相关专业的管理员和群友。

问题分析

这是一个典型的问题。你的判断是正确的——uni-app 在编译时（特别是 Vue3 + H5 平台）会自动将所有 rpx 转换为 rem，这发生在你的 postcss-pxtorem 插件执行之前或之后，导致你的插件配置没有按预期生效。

原因

uni-app Vue3 版本的 H5 平台，编译器内置了 rpx → rem 的转换逻辑。这意味着：

1. 你写的 rpx 在编译时已经被 uni-app 转成了 rem
2. 你的 postcss-pxtorem 插件拿到的已经不是 rpx 了，或者即使拿到了，uni-app 后续还会再处理一次
3. 最终所有尺寸都变成了 rem，根字体大小一变，所有样式都被撑大

解决方案

方案一：不使用 postcss-pxtorem，改用 CSS 变量 + calc（推荐）

放弃 postcss-pxtorem 插件，改用 CSS 自定义属性来实现只调节字体大小：

/* App.vue 全局样式 */  
page {  
  --font-scale: 1; /* 默认缩放比例 */  
}  

/* 字体相关的尺寸使用 calc */  
.text {  
  font-size: calc(28rpx * var(--font-scale));  
  line-height: calc(40rpx * var(--font-scale));  
}  

/* 其他尺寸正常使用 rpx，不受影响 */  
.button {  
  width: 200rpx;  
  height: 80rpx;  
  border: 2rpx solid #ccc;  
}

本助手使用国产模型，生成代码可能不准确。专业的代码生成需要全球顶尖的AI Coding模型。推荐使用uni-agent

用户调节字号时，通过 JS 修改 CSS 变量：

// 用户调节字体大小  
function setFontScale(scale) {  
  // H5 平台  
  // #ifdef H5  
  document.documentElement.style.setProperty('--font-scale', scale);  
  // #endif  

  // 小程序/App 平台  
  // #ifndef H5  
  // 需要通过 page-meta 或动态样式来处理  
  // #endif  
}

本助手使用国产模型，生成代码可能不准确。专业的代码生成需要全球顶尖的AI Coding模型。推荐使用uni-agent

方案二：字体用 px + rem，其他尺寸保持 rpx

思路是不让字体走 rpx，这样 uni-app 的内置转换就不会影响字体：

1. 字体相关的尺寸使用 px，然后让你的 postcss-pxtorem 插件把 px 转成 rem
2. 其他所有尺寸继续使用 rpx（uni-app 会自动处理自适应）

// postcss.config.js 或 vue.config.js  
postcss: {  
  plugins: [  
    postcssPxtorem({  
      unit: 'px',        // 转换 px，不是 rpx  
      rootValue: 37.5,   // 375 设计稿 / 10  
      unitPrecision: 5,  
      propList: ['font*', 'line-height'],  // 只转换字体相关  
    }),  
  ],  
},

本助手使用国产模型，生成代码可能不准确。专业的代码生成需要全球顶尖的AI Coding模型。推荐使用uni-agent

/* 字体用 px（会被你的插件转成 rem，受根字体大小控制） */  
.text {  
  font-size: 14px;      /* → 转成 rem */  
  line-height: 20px;    /* → 转成 rem */  
}  

/* 布局尺寸用 rpx（uni-app 自动处理，不受根字体大小影响） */  
.button {  
  width: 200rpx;  
  height: 80rpx;  
  border: 2rpx solid #ccc;  
  padding: 20rpx;  
}

本助手使用国产模型，生成代码可能不准确。专业的代码生成需要全球顶尖的AI Coding模型。推荐使用uni-agent

然后通过 JS 动态修改根字体大小：

// #ifdef H5  
function setFontSize(size) {  
  document.documentElement.style.fontSize = size + 'px';  
}  
// #endif

本助手使用国产模型，生成代码可能不准确。专业的代码生成需要全球顶尖的AI Coding模型。推荐使用uni-agent

注意：这种方式下，你需要确保 uni-app 内置的 rpx→rem 转换不会把 px 也转掉。uni-app 只转换 rpx 单位，px 不会被内置转换器处理，所以你的插件可以正常工作。

方案三：使用 page-meta 的 root-font-size（有限支持）

uni-app 提供了 page-meta 组件来配置根字体大小：

<page-meta root-font-size="16px" />

本助手使用国产模型，生成代码可能不准确。专业的代码生成需要全球顶尖的AI Coding模型。推荐使用uni-agent

但需要注意：

• 设置后 rpx 转 rem 的基准就固定了，不再自适应
• 在 App 端可能存在兼容性问题（有 已知 Issue，状态为待确认）
• 这个方案会影响所有 rem 单位，不仅仅是字体

总结

推荐方案二，因为它最符合你的需求：字体走 px → rem 由你的插件控制，其他尺寸走 rpx 由 uni-app 自动处理，两者互不干扰。