(→화면 크기) |
|||
| 1번째 줄: | 1번째 줄: | ||
==개요== | |||
*아이폰의 경우 뷰포트를 지정하지 않으면 뷰포트의 너비는 980px이 된다. | |||
*width=device-with; | |||
:기기 크기에 맞춤 | |||
*initial-sacle=1.0 | |||
:초기 배율 1.0 | |||
*user-scalable=no | |||
:확대축소 불가 | |||
==뷰포트 기초예제== | ==뷰포트 기초예제== | ||
<source lang='html5'> | <source lang='html5'> | ||
| 14번째 줄: | 23번째 줄: | ||
</source> | </source> | ||
==화면 크기== | ==아이폰 화면 크기== | ||
*아이폰: 320 x 480 px | *아이폰: 320 x 480 px | ||
*Status Bar 높이: 20px | *Status Bar 높이: 20px | ||
2012년 2월 16일 (목) 23:15 판
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
로그인하시면 댓글을 쓸 수 있습니다.
{{ comment.name }}
{{ comment.created | snstime }}
-
{{comment.page_title}} ―{{comment.name}}