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確保用戶在編輯時可以看到焦點輸入文本框。