无法使用jquery mobile适应移动屏幕_Jquery_Html_Jquery Mobile

无法使用jquery mobile适应移动屏幕

jquery html jquery-mobile

无法使用jquery mobile适应移动屏幕,jquery,html,jquery-mobile,Jquery,Html,Jquery Mobile,我正在使用jquery和jquery mobile实现登录页面 Login.html <!DOCTYPE html> <html> <head> <meta charset="ISO-8859-1"> <title>Application</title> <link rel="stylesheet" type="text/css" href="css/jquery.mobile-1.1.1.css" /> &

我正在使用jquery和jquery mobile实现登录页面

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Application</title>  
<link rel="stylesheet" type="text/css" href="css/jquery.mobile-1.1.1.css" />
<link rel="stylesheet" type="text/css" href="css/jquery.mobile.structure-1.1.1.css" />
<link rel="stylesheet" type="text/css" href="css/jquery.mobile.theme-1.1.1.css" />


<script type="text/javascript" src='js/jquery-1.8.2.js'></script>        
<script type="text/javascript" src="js/jquery.mobile-1.1.1.js"></script>
<script type="text/javascript" src="js/login.js"></script>

</head>
<body>  
    <div data-role="page" id="home">

        <div data-role="header" data-theme="b">               
            <h1>Developers Code</h1>
        </div>

        <div data-role="content" id="contentConfirmation" name="contentConfirmation" align="center">
            <h1>Login Page</h1>
            <h2></h2>

            <form id="HLogin" method="POST">
                <div data-role="fieldcontain">
                    <label for="url">Username:*</label>  
                    <input class="required" id="Lusername" name="uid_r" value="" type="text">            
                </div>

                <div data-role="fieldcontain">
                    <label for="url">Password:*</label>  
                    <input id="Lpassword" name="pwd_r" value="" type="password">            
                </div>

                <div class="ui-grid-a">
                    <div class="ui-body ui-body-b">
                        <div class="ui-block-a">
                            <button data-icon="delete" data-theme="c" type="submit">cancel</button>  
                        </div>
                        <div class="ui-block-b">
                            <button data-theme="b" type="submit">Login</button>  
                        </div>
                    </div>
                </div>
            </form>

        </div>
    </div>  

</body>
</html>


应用
开发人员代码
登录页面
用户名：*
密码：*
取消
登录

此页不适合在屏幕上显示。我想把所有的内容都放在屏幕上

你能帮我一下吗？

你应该在你的

标签中添加以下内容：

<meta name="viewport" content="width=device-width, initial-scale=1">

希望这有帮助。让我知道这是否有效。

您应该添加元视口标记。。