0

jqueryとjquerymobileを使用してサインオンページを実装しています。

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

このページは画面に収まりません。すべてのコンテンツを画面に表示したい。

これについて私を助けてくれませんか。

4

1 に答える 1

0

<head>タグ内に以下を追加する必要があります。

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

お役に立てれば。これが機能するかどうか教えてください。

于 2012-10-15T12:29:01.257 に答える