아이폰의 기본 해상도는 320*480입니다.(아이폰4의 해상도는 960x640입니다.)

하지만 실제 작업할 수 있는 영역은 각종 툴바(상태바, 주소창 등)을 제외한 사이즈가 되겠죠.

이번에는 그 사이즈를 알아보겠습니다.

우선 최상단 상태표시줄과 url툴바, 하단의 버튼 영역을 제외한 사이즈입니다.

세로로 볼 때, 작업영역(Client Area)은 320*356 픽셀이 됩니다.

가로로 볼 때는 480*208 픽셀입니다.

그럼 구체적으로 알아볼까요.

각각의 툴바 사이즈를 알아보면,

Status bar: 20 px

URL test field: 60 px

Form assistant: 44px

Keyboard: 세로일 때 216 px, 가로일 때 162px

Button bar: 세로일 때 44 px, 가로일 때 32 px

입니다.

참고로 아이폰OS 1.1.4와 이전버전은 키보드 높이가 180px입니다.

[출처]

http://developer.apple.com/safari/library/documentation/AppleApplications/Reference/SafariWebContent/DesigningForms/DesigningForms.html


Update History
- 2010-09-03: 아이폰4 해상도 추가