我正在使用 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
干杯
最佳答案
你的问题出在 <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">
关于android - 软键盘打开的 cordova 全屏页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27919870/