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的scrollheight来确保用户在编辑焦点输入文本框时可以看到它。