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

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

본문 바로가기

사이트 내 전체검색

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

HTML 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

댓글목록

등록된 댓글이 없습니다.


Total 2,641건 1 페이지
  • RSS
기술자료 목록
2641
그누보드   216  2024-11-26 21:14 ~ 2024-11-26 21:22  
2640
그누보드   244  2024-11-22 10:52 ~ 2024-11-22 11:03  
2639
호스팅   244  2024-11-19 14:41 ~ 2024-11-19 21:17  
2638
Linux   194  2024-11-18 15:45 ~ 2024-11-18 15:48  
2637
일반   187  2024-11-15 16:45 ~ 2024-11-15 16:46  
2636
Secure   215  2024-11-06 18:48 ~ 2024-11-06 18:50  
2635
영카트   378  2024-10-21 13:44 ~ 2024-10-21 19:42  
2634
전자결제   800  2024-09-05 09:30  
2633
MySQL   1030  2024-03-29 14:14 ~ 2024-03-29 14:14  
2632
그누보드   1267  2024-02-23 18:40 ~ 2024-02-24 06:13  
2631
JavaScript   1371  2024-02-16 18:50 ~ 2024-02-16 20:37  
2630
Java   1330  2024-02-06 16:49  
2629
PHP   1530  2024-02-06 16:42  
2628
호스팅   1437  2024-01-29 12:54  
2627
PHP   1386  2024-01-26 11:04 ~ 2024-01-26 11:13  
2626
MySQL   1552  2024-01-08 17:37 ~ 2024-03-14 16:00  
2625
SQL   1738  2024-01-08 12:36  
2624
영카트   1779  2024-01-04 14:57  
2623
일반   2652  2023-12-15 18:33  
2622
Android   2125  2023-11-30 18:48 ~ 2023-11-30 19:41  

검색

해피정닷컴 정보

회사소개 회사연혁 협력사 오시는길 서비스 이용약관 개인정보 처리방침

회사명: 해피정닷컴   대표: 정창용   전화: 070-7600-3500   팩스: 042-670-8272
주소: (34368) 대전시 대덕구 대화로 160 대전산업용재유통단지 1동 222호
개인정보보호책임자: 정창용   사업자번호: 119-05-36414
통신판매업신고: 제2024-대전대덕-0405호 [사업자등록확인]  
Copyright 2001~2024 해피정닷컴. All Rights Reserved.