iOS:键盘出现时调整屏幕大小(在HTML5 APP中)

时间:2015-03-24 16:43:27

标签: ios css html5 cordova

我在iOS中有一个带有<input />的Phonegap 4.0应用程序。

当我对焦<input />时,整个屏幕向上移动,并且不会调整大小。但我希望屏幕的大小能够调整到带有键盘的新的小屏幕。

目标是保持标题可见:

<header style="position:absolute; top:0: left:0; right:0; height: 30px;">
  ...
</header>

我当前的index.html viewport标记:

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0">

这没有效果:

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

也没有将height=device-height添加到视口标记..

1 个答案:

答案 0 :(得分:0)

将'minimum-scale = 1.0'更改为'maximum-scale = 1.0'。通过使用最小规模,您可以说内容无法调整任何小尺寸,例如在您的情况下键盘出现时。