반응형
Header, footer 바가 고정된 상태에서 page영역을 전체 보기로 설정됩니다.
사진이나 동영상를 보는 화면에서 사용되는 기능입니다. 화면을 클릭(터치)해주세요.
전체 화면보기 |
<!DOCTYPE html> <html> <head> <title>jQuery Mobile</title> <meta charset="euc-kr" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,user-scalable=no"/> <link rel="shortcut icon" href="../FrameWork/images/icons-18-black.png" /> <link rel="apple-touch-icon" href="../FrameWork/images/icons-18-black.png" /> <link href="../framework/jquery.mobile-1.0.css" rel="stylesheet" type="text/css" /> <script src="../framework/jquery-1.6.4.js"></script> <script src="../framework/jquery.mobile-1.0.js"></script> </head> <body> <div data-role="page" data-fullscreen="true"> <div data-role="header" data-position="fixed"> <h2>Header</h2> </div> <div data-role="content"> <img src="../FrameWork/images/Koala.jpg" /> </div> <div data-role="footer" data-position="fixed" class="ui-bar"> <h2>footer</h2> </div> </div> </body> </html> |
반응형
'jQuery | javascript | CSS' 카테고리의 다른 글
jQuery Mobile - 07. 탭(Tab) 만들기 (0) | 2012.09.17 |
---|---|
jQuery Mobile - 06.리스트(List) (0) | 2012.09.17 |
jQuery Mobile - 04.toolbar (Header, footer) (0) | 2012.09.13 |
jQuery Mobile - 03.버튼의 종류 (0) | 2012.09.12 |
jQuery Mobile - 02. 버튼 클릭시 페이지 이동 (0) | 2012.09.11 |
Comments