我想在 Android Firefox(可能是 iOS Safari)上聚焦 HTML 输入字段时禁用自动缩放。
我在 SO [1, 2, 3] 和网络上阅读了许多相关的古老线程，但既没有找到可行的解决方案，也没有找到明确的答案，这在 2021 年是不可能的。我拥有的唯一测试设备是 Android手机(这也可能发生在 iOS 上)，这个问题只出现在 Firefox 上； Chrome 按预期工作(由我)。
我努力了:
font-size: 16px在输入字段 <meta name="viewport" content="width=device-width, initial-scale=1, max-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1, max-scale=1, user-scalable=no"> 安卓 11、火狐 93.1.0
我想要实现的目标真的不可能吗？
最佳答案
固定在 96
现在已为 Firefox Mobile 96 及更高版本修复此问题。错误线程中有一些迹象表明它在 94 之前的版本中不是问题，但我无法确切确认是哪个版本引入了这个错误。
使用 minimum-scale=1 设置元标记和 maximum-scale=1 ， 如:
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, minimum-scale=1, maximum-scale=1" />
只是设置
user-scalable=no在 <meta name="viewport"标签将在 future 工作，以及像 touch-action: manipulation 这样设置 CSS .关注 Bug 1746126有关更新。适用于所有移动浏览器
为了防止输入字段在所有移动浏览器中缩放，我建议还包括
user-scalable=no ，只是为了覆盖你所有的基础。所以最后的答案是把它放在你的<head> .<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />
关于android - 防止在移动版 Firefox 中输入字段焦点后放大，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/69495070/