android - 软键盘打开的 cordova 全屏页面

Question

我正在使用 cordova 开发一个 android 应用程序，但我遇到了一些软键盘问题。 (使用本教程:https://ccoenraets.github.io/cordova-tutorial/creating-view-classes.html)

当我点击我的测试设备 (nexus 5) 上的输入字段时，软键盘打开并且 View 变为可滚动，如预期的那样。但是，如果您向上 ScrollView (请参阅下面的链接)，页面 View 会缩小并且我的一些内容会漂浮在空白处(灰色是我测试的背景图像，当键盘打开时它缩小了大约 40%)

http://i57.tinypic.com/v6t89t.png

我启动了 JQuery 移动教程版本，他们没有这个问题。页面加载并完全滚动，我相信他们正在使用一些 JS 来硬设置主要元素的高度或其他相关内容。有没有一种方法可以在不使用现有框架的情况下解决这个空白问题，因为我不想硬覆盖 JQuery 移动 CSS

干杯

Answer 1

你的问题出在 <meta> 标签中，我自己也有这个，通过将这些元添加到我的 index.html 文件的头部来修复它

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">