iPad App KeyBoard隐藏导致设计问题

Question

我有一个登录页面，其中包含用户名文本输入和密码输入 有一个“记住我”功能的单选按钮。

.login_bg
{
	background:url(../images/bg_rest.jpg) no-repeat center;
	background-size:cover;
}

.rel_positioning
{
	position:relative;
}

.all_container
{
	width:1024px;
	height:770px;
	margin:0 auto;
	position:fixed;

}

    <div data-role="page" id="login">
        <div class="all_container login_bg rel_positioning">
        <div class="netInfo" id="connectDetails"></div>
            <div class="fields_conatiner">
                <div class="login_txtbox">
                    <form id="loginFields">
                        <input class="left_txtbox" data-role="none" id="username" value="" name="text-6" placeholder="Username" type="text">
                        <input class="right_txtbox" data-role="none" id="password" name="text-6" placeholder="Password" type="password" value="" 
                        onkeypress="loginUser(this);">
                        <div class="chkbox">
                            <input data-role="none" id="autoLoginCk" type="checkbox" />
                            <label class="autoLogin_lbl" for="autoLoginCk"></label><span>Keep me logged in</span>
                        </div>
                        <input data-role="none" onclick="userSignInValidator();" type="button" value="Login">
                        <div class="btm_login">
                            <a data-form="ui-link-a" onclick="showForgotPasswordView();">Forget Login Details</a>
                            <a data-form="ui-link-a" onclick="showRegistrationView();">Register New Account</a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

如果我触摸单选按钮输入凭据后，键盘将关闭，一半屏幕变为白色。也就是说，当键盘消失并且在我设计的UI下方出现白色背景时，UI将被关闭。

有谁知道为什么会这样，问题出在哪里？