iOS 7键盘打开Web应用程序时会缩小。

Question

我有一个针对iPad的Web应用程序。该应用程序使用iPad键盘，之前打开键盘时会覆盖应用程序，但现在在ios7中，应用程序会缩小到键盘出现后剩余的空间。

是否可以通过JavaScript更改此行为并保留旧行为？

编辑：我刚刚注意到，如果我在Safari上打开应用程序，它的工作方式与以前完全相同，问题出现在我将应用程序添加到主屏幕时。

编辑：我几乎解决了这个问题，但随后又遇到了一些其他问题。

首先，我向正在使用的元标记中添加了height=device-height：

<meta name = "viewport" content = "user-scalable=no, initial-scale=1.0, maximum-scale=1.0, width=device-width, height=device-height">

但是我的应用程序的一小部分（与iPad顶部栏的大小相同）将被隐藏在底部。所以我做了这个：

$("#my_app").css("height",window.innerHeight);

我再次打开这个应用程序时，它运行得很完美。但是当我打开键盘后，它会上移并且当我关闭键盘时不会下移。所以现在在iPad底部有一条黑线，并且该应用程序在iPad顶部的状态栏下面有一点隐藏。

有人能帮忙解决这个问题吗？

- KatT

Answer 1

解决方案非常简单。

我再次删除了height=device-height，只留下$("#my_app").css("height",window.innerHeight);，一切都恢复正常了。

- KatT

---

这看起来是一个不错的解决方案，但不幸的是在我的情况下它并不起作用。 - Rahul Dole

Answer 2

<meta name = "viewport" content = "user-scalable=no, initial-scale=1.0, maximum-scale=1.0, width=device-width, height=1004"> 

你好，我是西班牙人，我的英文不太好。我的解决方案是将像素设置为最高值（1004）

- Carlos