最有效方法是直接修改.uni-page-head-btn的font-size和line-height并加!important，仅对h5/app生效；小程序端必须自定义导航栏，因原生返回按钮不可样式化且pages.json不支持图标尺寸配置。
直接改 .uni-page-head-btn 的 font-size 和 line-height 最有效，但必须加 !important，且仅对 H5 / App 生效；小程序端原生返回按钮不可样式化，只能自定义导航栏。
为什么不能用 pages.json 配置改返回图标大小
pages.json 中的 navigationBarTextStyle、navigationBarBackgroundColor 等字段只控制文字颜色和背景，不提供图标尺寸控制。官方从未暴露返回按钮的 CSS 类或尺寸配置项，所有试图通过 style 字段“调大图标”的尝试都会失败。
App.vue 中强制覆盖 .uni-page-head-btn 样式（H5 / App 专用）
在 app.vue 的 <style></style> 块里写：
.uni-page-head .uni-page-head-btn {
font-size: 32rpx !important;
line-height: 60rpx !important;
width: 60rpx !important;
height: 60rpx !important;
}
-
!important必须加，否则被 uni-app 内联样式覆盖 -
font-size控制图标字体图标的显示大小（如使用 iconfont）；若用<image></image>替换，则需额外控制.uni-page-head-btn image -
line-height和height要匹配导航栏整体高度（通常为60rpx），否则图标会错位或截断 - 该规则对微信/支付宝小程序完全无效——这些平台的返回按钮是原生控件，DOM 不可见，CSS 无从下手
小程序必须自定义导航栏才能改返回图标
微信/支付宝等小程序平台，唯一可控路径是关闭原生导航栏，自己实现：
- 在对应页面的
pages.json中设"navigationStyle": "custom" - 用
uni.getSystemInfo+uni.getMenuButtonBoundingClientRect动态计算胶囊按钮位置，确保自定义返回图标与右侧胶囊垂直居中对齐 - 返回图标建议用
<image></image>，尺寸按机型适配：iOS 建议 40×40px，Android 44×44px，PC 微信小程序建议 48×48px - 别依赖
var(--status-bar-height)，它固定为20px，实际机型状态栏高度从20px到44px不等
容易被忽略的关键点
很多人卡在「改了 CSS 没反应」，其实是因为没区分平台：H5 / App 可以靠样式硬覆盖，小程序必须走 custom 导航栏路线；而 custom 导航栏一旦启用，uni.onNavigationBarButtonTap 就失效了，所有按钮逻辑得自己用 @click 实现，包括返回、分享、搜索等——这不是样式问题，是渲染机制的根本差异。
