ios7键盘,当它打开时收缩web-app

时间:2013-09-20 10:18:25

标签: javascript html5 web-applications keyboard ios7

我有一个适用于iPad的网络应用程序。该应用程序使用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的顶部栏下。

任何人都可以帮忙吗?

2 个答案:

答案 0 :(得分:2)

解决方案最终非常简单。

我再次移除了这个height=device-height,然后离开了这个$("#my_app").css("height",window.innerHeight);,一切都很好了。

答案 1 :(得分:0)

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

你好,我是西班牙语,我不会说英语。我的解决方案已达到最高像素(1004)