3

我正在开发一个使用 PhoneGap 和 JQuery Mobile for 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>

我该如何解决这个问题？我想在专注于输入框时适合屏幕谢谢

4

1 回答 1

0

在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">

@查看安卓活动

于 2012-11-09T03:40:44.533 回答