Javascript 网络应用程序，控制 iPhone 缩放输入焦点和模糊

Question

几年前我创建了一个网络应用程序(在 LAMP 后端上的 JS/CSS/HTML)，它一直运行良好。客户现在正在他的 iPhone 上使用它，并报告说当在具有 2 个输入的登录屏幕上时，窗口放大“太多”并且当他完成输入时，它不会缩放回“正常”缩放级别(从他发送的屏幕截图来看，它看起来像是缩放回“正常”和输入输入时使用的缩放级别之间的某个位置)。

是否可以控制任何一种行为？我读过有关 user-scalable:0 的元数据，但这听起来像是 A) 根本不起作用或 B) 完全阻止缩放。

我想说第二个问题更为关键(在用户输入文本后，它应该缩放回“正常”比例)。

我会再次提到这是一个通用的网络应用程序，而不是一个“iPhone 应用程序”(它建立在传统的网络技术之上，而不是 Cocoa 或 Objective-C)。我什至没有可以使用模拟器的 iPhone 或 Mac，而且我见过的 Windows 模拟器似乎只不过是图形中的 iframe。

谢谢

Answer 1

如果您离开用户缩放选项，返回网站原始缩放比例由他决定。纵向模式下的 iPhone safary 浏览器会在每次打开键盘或组合框时进行放大。然后它不会缩放回原始比例(必须通过双击屏幕或捏住屏幕来完成...)。

其他选项不允许用户使用视口(viewport)元标记缩放

     <meta name="viewport" id="view" content="user-scalable=no, width=device-width, initial-scale=1.0" />

然后当键盘打开或微调器打开时 iphone 不会缩放

我目前正在寻找解决它的方法(合并缩放可能性并在键盘打开时避免缩放)，但我没有找到任何方法...