viewport 모바일 화면에서 화면에 보여질 줌 사이즈 및 초기 설정 > 기술자료

• 목록
• 게시판 리스트 옵션
  • 검색

1. viewport: 모바일 화면에서 화면에 보여질 줌 사이즈 및 초기 설정을 하는 태그

[ 이용방법 ]
<meta name="viewport" content="옵션" />

<!--meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=yes, target-densitydpi=medium-dpi"-->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=10, minimum-scale=0, user-scalable=yes">


[ 옵션 ]
initial-scale=1.0          초기값으로 설정할 줌 배율.
maximum-scale=1.0    최대값으로 설정할 줌 배율.
minimum-scale=1.0     최소값으로 설정할 줌 배율.
user-scalable=yes/no  유저가 배율을 축소/확대할 수 있는지 여부 결정.
width=device-width      초기 넓이을 모바일장비가 지원하는 넓이만큼으로 설정.
height=device-height    초기 높이준을 모바일장비가 지원하는 높이만큼으로 설정.


2. 안드로이드 상단 메뉴바 자동숨김
<script type="text/javascript" language="javascript">
window.addEventListener('load', function() {
    setTimeout(scrollTo, 0, 0, 1);
}, false);
</script>


3. 기본 스타일시트 정의
<style type="text/css">
body { margin:0; }
img { border:0; }
</style>



참고사이트
http://seoddong.tistory.com/tag/user-scalable
http://blog.giristory.net/267
http://lejewk.tistory.com/168