| 1번째 줄: | 1번째 줄: | ||
*뷰포트, viewport | |||
==개요== | ==개요== | ||
*아이폰의 경우 뷰포트를 지정하지 않으면 뷰포트의 너비는 980px이 된다. | *아이폰의 경우 뷰포트를 지정하지 않으면 뷰포트의 너비는 980px이 된다. | ||
| 30번째 줄: | 32번째 줄: | ||
*URL Bar 높이: 60px | *URL Bar 높이: 60px | ||
*Button Bar 높이: 44px | *Button Bar 높이: 44px | ||
==속성== | |||
*width | |||
*height | |||
*initial-scale | |||
*minimum-scale | |||
*maximum-scale | |||
*user-scalable | |||
[[분류:HTML5]] | [[분류:HTML5]] | ||
2012년 2월 18일 (토) 17:10 판
- 뷰포트, viewport
1 개요
- 아이폰의 경우 뷰포트를 지정하지 않으면 뷰포트의 너비는 980px이 된다.
- width=device-with
- 기기 크기에 맞춤
- initial-sacle=1.0
- 초기 배율 1.0
- user-scalable=no
- 확대축소 불가
2 뷰포트 기초예제
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8" />
<meta name="width=480,user-scalable=yes,initial-scale=1.0,maximum-scale=3.0" />
<title>제목</title>
</head>
<body>
<p>내용</p>
</body>
</html>
3 아이폰 화면 크기
스마트폰 화면 크기 문서를 참고하십시오.- 아이폰: 320 x 480 px
- Status Bar 높이: 20px
- URL Bar 높이: 60px
- Button Bar 높이: 44px
4 속성
- width
- height
- initial-scale
- minimum-scale
- maximum-scale
- user-scalable
로그인하시면 댓글을 쓸 수 있습니다.
{{ comment.name }}
{{ comment.created | snstime }}
-
{{comment.page_title}} ―{{comment.name}}