专注于输入字段和方向更改会影响iOS 6 Safari上的缩放级别

Question

修改：我猜this question on Stackoverflow与此问题有关。

修改：只有在保存到主屏幕而非浏览环境中才会出现问题。

注意：关于缩放和方向更改的所有内容都会按预期工作，直到任何输入元素都被聚焦为止。

我有一个网络应用，其中包含以下用于viewport-settings的元标记：

<meta name="viewport" content="user-scalable=no, width=1024">

在方向变化方面，一切都很有效。但是，只要输入字段被聚焦，缩放级别就会混乱。我已经尝试了几种不同的方法来解决问题，但我被卡住了。

当输入被聚焦并且我们触发方向改变时会发生这种情况：

1. 从纵向到横向 页面缩小并且不会填满整个视口。如果我们在此模式下关注输入元素，它会在横向模式下缩放并显示正常，但是如果我们再次旋转它，则会出现与2中相同的问题。

2. 从风景到肖像 页面已放大并覆盖视口以外的内容。

我们尝试过的事情：

1. 视口的元标记设置（初始比例，最大比例，最小比例）
2. 删除了viewport-tag
3. 处理JavaScript中的方向更改并在orientationchange上动态设置新的视口设置
4. 尝试计算比例级别（document.documentElement.clientWidth / window.innerWidth）onorientationchange
5. 将输入字段字体大小设置为至少16px

我有点卡在这里，我很确定我错过了一些obviuos所以问题是： 如何确保iOS Safari中的缩放级别与输入前焦点的输入后焦点相同？

Answer 1

请改为尝试：

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

这应该会阻止Safari进行令人讨厌的缩放到聚焦输入的事情。