单击输入字段触发Android上的窗口调整大小答案

【问题标题】：Click on input field triggers window resize on android单击输入字段触发Android上的窗口调整大小
【发布时间】：2017-01-04 12:58:08
【问题描述】：

我的科尔多瓦应用程序中有一个输入字段。当我通过单击来聚焦输入字段时，会在 android 上调用窗口调整大小功能。在 iOS 上一切正常。调整大小会产生问题，因为我有一个使用 epub.js 呈现的文本，当单击该文本字段时，它会回到当前章节的开头。

如何防止调整大小？

我试过了，但问题仍然存在： Click on input field triggers window resize

HTML：

<form id="realPageInputForm" ng-submit="goToRealPage(inputPage)">
     <input ng-model-options="{ getterSetter: true }"     
           id="realPageInput" 
           class="inputPage input-label" 
           type="number" 
           name="inputPage" 
           ng-model="inputPage" 
           placeholder="Enter page here">
</form>

【问题讨论】：

标签： javascript android html cordova

【解决方案1】：

发生这种情况是因为当您单击该输入时，会出现键盘，并且在 android 中，键盘会使您的视图变小（屏幕大小在您的应用和键盘之间共享）；并且当键盘隐藏 webview 时再次恢复其原始大小。您可以查看与您类似的问题的其他答案，例如 PhoneGap: Is there a way to stop the keyboard from resizing the view?。

【讨论】：