出现屏幕键盘时保留页面布局（iOS/phonegap）

Posted 2023-03-06

【中文标题】出现屏幕键盘时保留页面布局（iOS/phonegap）

【英文标题】：Retaining page layout when on-screen keyboard appears (iOS/phonegap)

【发布时间】：2014-06-14 14:59:31

【问题描述】：

我正在使用cordova 和angularJS 创建一个单页非本地ios 应用程序。每当屏幕上的 iPad 键盘出现时，div 元素就会向上移动并挤压在一起以补偿较小的查看屏幕尺寸。

当键盘弹出时，我将如何让所有 div 元素保持原位，只剪掉键盘占据的屏幕底部，而不重新排列所有元素？

提前致谢。

【参考方案1】：

您需要将其添加到您的 config.xml：

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

看看this post 是类似的问题。

【讨论】：

谢谢，这似乎不起作用，但按照您发送给我的链接，这完成了工作<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, target-densityDpi=device-dpi" />

感谢@FootsieNG - 我正在做一个原生 AngularJS 应用程序，每次键盘以模式弹出时，屏幕宽度都会变得疯狂......你为我解决了......+1 !