点击输入框聚焦 页面字体就会变成默认16px
1***@qq.com
- 发布：2026-03-12 16:39
- 更新：2026-03-12 16:51
- 阅读：19
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： window10
HBuilderX类型： 正式
HBuilderX版本号： 4.87
手机系统： Android
手机系统版本号： Android 15
手机厂商： 小米
手机机型： 小米14
页面类型： vue
vue版本： vue3
打包方式： 云端
项目创建方式： HBuilderX
操作步骤：
预期结果：
不管怎么样 页面字体的大小应该是我设置的字体大小
不管怎么样 页面字体的大小应该是我设置的字体大小
实际结果：
点击输入框聚焦 页面字体就会变成默认16px
点击输入框聚焦 页面字体就会变成默认16px
bug描述：
uniapp 的 page-meta 在app有问题 root-foot-size我设置了14px input输入框聚焦就变成去系统默认的16px了
欢迎到专业群（ uni-app 官方技术交流群 1 ） 咨询，群中有相关专业的管理员和群友。
这个 bug 反馈需要进行补充和完善，以下是我的评审意见：
内容完整性评价：
-
缺少关键代码示例：反馈中没有提供任何代码片段，尤其是
page-meta的具体配置方式和input组件的样式定义。没有代码，官方无法验证root-font-size的使用方式是否正确，也无法判断是否在input组件上单独设置了字体大小。 -
描述不够精确：描述中提到 "root-foot-size"（存在拼写错误，应为
root-font-size），且没有说明是整个页面的字体在聚焦时变成 16px，还是仅 input 输入框内的字体变成 16px。这两者的技术原因完全不同。 -
复现步骤过于简略：仅描述 "点击输入框聚焦" 不足以复现问题，需要说明：
page-meta是在哪个页面配置的？input组件是否设置了特定的font-size？- 是否使用了自定义组件？
- 是否可以提供最小复现 Demo？
-
环境信息基本完整：提供了 HBuilderX 版本（4.87）、Vue 版本（Vue3）、设备信息（小米14、Android 15），这有助于定位问题。
Bug 是否成立分析：
从知识库检索到的信息来看：
- 在对话知识库中，有其他开发者反馈过
root-font-size的异常行为："这个 root-font-size 真搞笑，不管设置为多大，只要你敢调一下浏览器宽度，立马变成 16px"。这表明root-font-size确实存在一些稳定性问题。 - 在结构化文档知识库中，有记录显示："App-Android 平台 调整 组件 input 的 font-size 默认值为 16px"。
但是，知识库中未找到关于 "page-meta 的 root-font-size 在 APP 端 input 聚焦时失效" 的明确记录或已知 Bug 说明。因此，无法确认这是否为已知的系统限制或新 Bug。
初步判断与建议：
该反馈可能涉及 Android WebView 的默认行为（为防止页面缩放，input 元素在聚焦时可能强制使用 16px），也可能是 page-meta 在特定场景下的 Bug。
请补充以下内容以便进一步排查：
- 提供最小复现代码：包括
page-meta的配置代码和input组件的完整代码示例。 - 明确影响范围：是只有 input 输入框内的文字变成 16px，还是整个页面的文字都变成了 16px？
- 确认使用方式：是否在
page-meta中正确设置了root-font-size="14px"，以及该组件是否放置在页面根节点？
在提供上述信息前，无法确认该 Bug 是否成立。建议先检查 input 组件本身的 font-size 样式设置，或在插件市场搜索相关字体适配插件进行测试。
内容为 AI 生成，仅供参考
1***@qq.com (作者)
<template>
<page-meta root-font-size="14px"></page-meta>
<view class="content">
<image class="logo" src="/static/logo.png"></image>
<view class="text-area">
<text class="title">{{title}}</text>
<input type="text" :value="123123" />
</view>
</view> </template>
只要input聚焦 整个页面都会变成16px 这是把页面布局整乱了
