uniapp [全端兼容] - 详细实现全局修改设置字体大小功能效果，统一修改页面字号字体大小，一键改变字号整个项目立即生效，大中小字号预设、老年人大字模式场景，uniApp全平台兼容控制页面字号大小

前言

网上的教程乱七八糟且兼容性太差，本文提供优质示例。

在 uni-app 全平台兼容（H5网页网站、支付宝/微信小程序、安卓App、苹果App、nvue）开发中，详解实现全局设置字体大小，实现小中大的字体切换，改变设置改变全局字体大小功能，支持要动态设置要变更字号的页面，通过配置来决定哪些页面需要动态改变字体，让用户自己通过滑块调整字体字号 “小中大 | 标准 较小 较大”，以及应用需要 “关怀模式、老年版大字版” 等场景需求。

uniapp（vue2 | vue3）版本项目均可使用，跟着教程复制代码运行稍加改造即可。

如下图所示，字体大小调整后整个项目秒生效，稳定可靠。

详细代码，保证新手小白100%搞定。

准备阶段

按照以下教程，快速搞定。