当键盘出现在 iOS (Cordova) 上时如何调整 Web 视图的大小答案

【问题标题】：How to resize web view when keyboard appears on iOS (Cordova)当键盘出现在 iOS (Cordova) 上时如何调整 Web 视图的大小
【发布时间】：2015-07-02 08:34:41
【问题描述】：

在 Phonegap 3.7.0 上，当键盘出现在 iPhone 或 iPad 上时，不会调整 Web 视图的大小，并且键盘最终位于页脚上方。我希望缩小 web 视图，以便页脚保持可见。有没有办法解决这个问题？

我在这里看到了很多实际上实现相反效果的问题，但这是使用以前版本的 Cordova/Phonegap。

仅供参考，我尝试了以下操作：在键盘出现时调整正文的大小（我使用 Ionic 键盘插件来了解它何时显示以及它的高度）并更改我的页脚的 bottom 值。这确实适用于 iPhone 6.1.3，但不适用于 iPhone/iPad 8.*。即使 body 更小，body 仍然是可滚动的，就好像它仍然是 100%。我尝试使用width=device-width 删除我的元标记内容，但它没有改变任何内容。

【问题讨论】：

标签： ios cordova

【解决方案1】：

一种选择是使用插件来缩小本机 WebView。将cordova-plugin-keyboard 添加到您的项目中：

phonegap plugin add cordova-plugin-keyboard

然后在你的 config.xml 添加

<preference name="KeyboardShrinksView" value="true" />

或者在你的javascript中调用这个方法

Keyboard.shrinkView(true);

【讨论】：