如何禁止移动端Firefox输入框聚焦时自动放大？

这个需求是可以实现的，你之前测试的常规方案不生效，是因为安卓Firefox的自动放大触发逻辑和Chrome、Safari的适配规则存在差异，以下是实测针对安卓11+Firefox 93+版本可行的方案：

方案1：修改viewport元标签（全局禁用缩放） #

你之前的viewport配置缺少minimum-scale=1.0参数，安卓Firefox必须识别到所有缩放边界固定为1、且禁止用户缩放的配置才会关闭自动放大逻辑，正确配置如下：

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

注意需要将该标签固定写在HTML的<head>区域最顶部，不要通过JS动态插入，动态插入的配置不会被安卓Firefox识别。

方案2：CSS属性控制（不影响全局缩放） #

如果不想禁用全局用户缩放功能，可以给输入框添加touch-action: manipulation属性，该属性会禁用浏览器针对输入框触摸聚焦的默认缩放触发逻辑，同时保留用户手动缩放页面的权限，适配代码如下：

input {
  font-size: 16px;
  touch-action: manipulation;
}

该属性兼容安卓Firefox 90+以上所有版本，不需要修改全局viewport配置，适用场景更广泛。

测试注意事项 #

1. 测试前先清空安卓Firefox的页面缓存，或者用隐私模式打开测试页，安卓Firefox对viewport配置的缓存周期较长，未清缓存可能导致配置不生效
2. 不要通过JS监听focus事件强制修改页面缩放值，会导致输入框光标错位、软键盘适配异常等次生问题

内容的提问来源于stack exchange，提问作者Wang Tang