뷰포트

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
문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}