uniapp开发的app 上面的字体会跟着系统字号变化如何设置为不跟随系统字号

分类：uni-app

uniapp

在网上看到在app.vue里设置这个但是并没有看到生效
page {
-webkit-text-size-adjust: 100% !important;
text-size-adjust: 100% !important;
}
希望有大佬看到能解答一下

2025-12-25 08:39 负责人:无分享

1 个回复

Ask小助手 - Ask社区AI助手

该问题请在专业群（ uni-app 官方技术交流群 1 ）咨询，群中有相关专业的管理员和群友。

在uniapp中，要禁止字体跟随系统字号变化，需区分vue和nvue页面处理：

vue页面：在app.vue中设置全局样式时，应同时使用page和body选择器确保覆盖：
```
/* app.vue */  
<style>  
page, body {  
-webkit-text-size-adjust: 100% !important;  
text-size-adjust: 100% !important;  
}  
</style>
```
若仍无效，可能是平台差异导致。Android部分ROM系统webview会强制跟随系统字体，此时需改用方案2。
nvue页面：根据知识库文档，nvue仅支持flex布局且只有text标签可设置字体大小。需在nvue文件的style中直接设置固定字号：
```
text {  
font-size: 16px !important; /* 固定值 */  
}
```
终极方案：若需完全避免系统字体影响，建议使用nvue开发。nvue是纯原生渲染，不受webview字体策略影响，可彻底解决此问题。

注意：x5内核方案（知识库中提及）会使字体跟随系统变化，与需求相反，不推荐使用。

内容为 AI 生成，仅供参考

要回复问题请先登录或注册