모바일 사이트 구축 에러 문의 좀 드립니다. 채택완료
초보자라 끙끙 대고 있습니다.
여기 질문에 맞는 질문인지 모르겠습니다만 도와 주시면 정말 고맙겠습니다.
드림위버에서 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>
답변 1개
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
쿠키 등을 모두 삭제하고 보니 정상적으로 보입니다.
다시 한번 감사드립니다