모바일 사이트 구축 에러 문의 좀 드립니다.
본문
초보자라 끙끙 대고 있습니다.
여기 질문에 맞는 질문인지 모르겠습니다만 도와 주시면 정말 고맙겠습니다.
드림위버에서 jquerry mobile 기능을 이용해서 페이지를 생성하고 페이지 폭은 375-667 세로를 선택했습니다.
헌데 모바일에서 보면 모바일 넓이에 맞추어지지 않고 넓게 나타납니다.
무엇이 문제일까요?
도움 부탁드립니다.
tongcago.fsdot.com/mobile/exe2/index.html
소스입니다.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>무제 문서</title>
<link href="jquery-mobile/jquery.mobile.theme-1.3.0.min.css" rel="stylesheet" type="text/css">
<link href="jquery-mobile/jquery.mobile.structure-1.3.0.min.css" rel="stylesheet" type="text/css">
<script src="jquery-mobile/jquery-1.11.1.min.js" type="text/javascript"></script>
<script src="jquery-mobile/jquery.mobile-1.3.0.min.js" type="text/javascript"></script>
</head>
<body>
<div data-role="page" id="page">
<div data-role="header">
<h1>머리글</h1>
</div>
<div data-role="content">내용</div>
<div data-role="footer">
<h4>바닥글</h4>
</div>
</div>
<div data-role="page" id="page4">
<div data-role="header">
<h1>머리글</h1>
</div>
<div data-role="content">연습 좀 합니다.</div>
<div data-role="footer">
<h4>바닥글</h4>
</div>
</div>
<div data-role="page" id="page3">
<div data-role="header">
<h1>머리글</h1>
</div>
<div data-role="content">내용</div>
<div data-role="footer">
<h4>바닥글</h4>
</div>
</div>
<div data-role="page" id="page2">
<div data-role="header">
<h1>머리글</h1>
</div>
<div data-role="content">내용</div>
<div data-role="footer">
<h4>바닥글</h4>
</div>
</div>
</body>
</html>