When designing Web applications for use on the iPhone or iPod touch, you should keep in mind the display metrics that are provided for by the device. The entire iPhone / iPod touch display is 320 x 480 pixels in portrait mode and 480 x 320 pixels in landscape mode. However, Web developers don’t have access to the entire display. The typical layout for Web pages on the iPhone / iPod touch has to account for various elements provided by mobile Safari.
The following diagram illustrates the various sizes of the elements when viewed in portrait mode. The largest area available to a Web application would be 320 x 416 pixels if the URL text field is hidden.
For landscape mode, the largest area would be 480 pixels by 268 pixels.
