在 iPhone 上的 iframe 中聚焦输入元素时防止缩放答案

【问题标题】：Prevent zoom when focusing input element within iframe on iPhone在 iPhone 上的 iframe 中聚焦输入元素时防止缩放
【发布时间】：2018-07-02 20:29:21
【问题描述】：

在 iPhone 上使用 Safari 访问输入字段时，浏览器会放大。我无法阻止它。

关于此问题的所有其他帖子都指出，如果输入元素的字体大小高于 16 像素，则不会发生缩放。情况并非如此。我已将字体大小设置为 29px 并验证 input 和 input:focus 应用了相同的 css，但浏览器仍会放大焦点。这可能是由于交互需要存在于 iframe 中。

【问题讨论】：

【解决方案1】：

就我而言，我添加了

<meta name="viewport" content="user-scalable=0" />

在父窗口代码中，ios safari 将遵循 iframe 窗口的无缩放样式

【讨论】：