android键盘改变了phonegap应用程序的布局

Question

我使用phonegap框架为android创建一个测验应用程序，应用程序的第一页包含一个注册表单，我想获取用户信息。我的代码是

<table class="m">
  <tr>
    <td class="left">Name:</td>
    <td class="right"><input class="t" type="text"/></td>
  </tr>
  <tr>
    <td class="left">Image:</td>
    <td class="right"><input class="t" type="text"/></td>
  </tr>
  <tr>
    <td class="left">Email:</td>
    <td class="right"><input class="t" type="text"/></td>
  </tr>
  <tr>
    <td class="left">Phone:</td>
    <td class="right"><input class="t" type="text"/></td>
    </tr>
</table>

但是，当我点击文本字段时，Android键盘出现在屏幕上，它也会改变我的布局高度，最后第一个输入字段被提升，用户看不到

如何解决此问题

Answer 1

我相信你的html代码太简单了，可能应该有点复杂一点。在我的例子中，我把表放在div标签内，并根据不同手机和浏览器的屏幕宽度和高度，用JavaScript设置div的宽度和高度。

此外，字体大小设置为相对于屏幕宽度的比率，以便用户看到的实际字体大小对于不同的手机大致相同。

然后，使用div的滚动高度来确保用户在编辑时可以看到聚焦的输入文本框。