JQuery Mobile在输入框聚焦时无法适应屏幕大小

Question

我正在使用PhoneGap和JQuery Mobile为Android开发应用程序。

在登录页面上有2个输入框，一切都工作得很好，但是当我聚焦一个输入框时，页面会不适应屏幕大小，可能需要水平滚动。当取消输入框的聚焦后，页面又能适应屏幕了。

取消输入框的聚焦：
http://imageshack.us/a/img90/9909/device20121109111004.png

聚焦输入框后，页面右侧会出现约2px的空白：
http://img3.imageshack.us/img3/7078/device20121109111036.png

<div data-role="content">
        <form id="loginForm">
            <ul data-role="listview" data-inset="true">
                <li><div data-role="fieldcontain" class="ui-hide-label">
                        <input type="text" name="username" id="username" placeholder="username" autocomplete="off" />
                    </div>
                    <div data-role="fieldcontain" class="ui-hide-label" >
                        <input type="password" name="password" id="password" placeholder="password"/>
                    </div></li>
            </ul>
            <br /> <br /> <input type="submit" value="Login" name="btnSubmit" id="btnSubmit" />
        </form>
    </div>

我该如何解决这个问题？我希望当焦点在输入框上时，它能够适应屏幕大小。 谢谢。

- kxavier

Answer 1

在AndroidManifest.xml文件中，将android:windowSoftInputMode="adjustResize"添加到您的主活动中。

例如：

<application
        android:name=".MyAndroidApplication"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name">
        <activity
            android:name=".MyAndroidActivity"
            android:configChanges="orientation|keyboardHidden"
            android:windowSoftInputMode="adjustResize"
            android:label="@string/app_name">

@参见 Android活动

- user235273

---

我在Androidmanifest.xml中添加了android:windowSoftInputMode="adjustResize"，但它对我没有起作用。当焦点在输入框上时仍然可以水平滚动。 - kxavier