javascript - 位于虚拟键盘下方的 iOS 7.1 输入字段强制缩放焦点

Question

我正在使用 Cordova 编写一个聊天应用程序，聊天 View 在页面底部有一个类似于 iMessage 的输入字段。在 iOS 7.0 中，单击该字段可调整窗口大小并将输入字段置于键盘上方。在 iOS 7.1 中，单击输入字段只会将所有内容从底部向上推，而不会调整窗口大小。

我的视口(viewport)设置为:

<meta name="viewport" content="user-scalable=no, initial-scale=1, minimum-scale=1, maximum-scale=1, target-densitydpi=device-dpi" />

• 相对于顶部定位输入时，不会发生调整大小。但是，将输入定位到足够低以与键盘顶部对齐确实会导致无法调整大小错误。这可以通过构建 Ionic frosted glass demo 来复制并从

  更改页脚

  <footer class="bar bar-footer bar-frosted"><button class="button button-clear button-positive" ng-click="add()">Add Message</button></footer>

  到

  <footer class="bar bar-footer bar-frosted"><input name="testInput"></footer>

  在 www/index.html 中

这重现了 iOS7.1 中的错误，并在 iOS 7.0.x 中按预期工作。我已经听从了建议 here ，但它们的线程已过时且最终无法正常工作。提前感谢您的任何见解!

Answer 1

您是否尝试过显式设置宽度？就像提到的here ？

<meta name="viewport" content="width=device-width">