禁用输入“文本”标签中的自动缩放 \- iPhone 上的 Safari

Question

我制作了一个带有 <input> 标记的 HTML 页面 type="text" 。当我在 iPhone 上使用 Safari 单击它时，页面变大（自动缩放）。有人知道如何禁用它吗？

原文由 Eduardo Montenegro 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以阻止 Safari 在用户输入期间自动放大文本字段， 而无需 禁用用户的双指缩放功能。只需添加 maximum-scale=1 但忽略其他答案中建议的用户规模属性。

如果您的层中有一个窗体在缩放时会“漂浮”在周围，那么这是一个值得选择的选项，这可能会导致重要的 UI 元素移出屏幕。

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

原文由 daxmacrog 发布，翻译遵循 CC BY-SA 4.0 许可协议