0
jquery 및 jquery mobile을 사용하여 로그인 페이지를 구현하고 있습니다.jquery 모바일을 사용하여 모바일 화면에 맞지 않습니다.
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>
이 페이지는 화면에 표시되지 않습니다. 나는 모든 내용을 화면에 맞추고 싶다.
제발 나를 도울 수 있을까요?.
메타 뷰포트 태그를 추가해야합니다. – defau1t