Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Mobile Safari viewport sizes on iOS 4.3 and 5
iPad
1024 × 690 In landscape on iOS 4.3
1024 × 672 In landscape on iOS 5
768 × 946 In portrait on iOS 4.3
768 × 928 In portrait on iOS 5
1024 × 660 Always showing bookmarks bar in landscape on iOS 4.3
1024 × 644 Always showing bookmarks bar in landscape on iOS 5
768 × 916 Always showing bookmarks bar in portrait on iOS 4.3
768 × 900 Always showing bookmarks bar in portrait on iOS 5
1024 × 748 In full-screen mode in landscape
768 × 1004 In full-screen mode in portrait
1024 × 768 In full-screen mode with translucent status bar in landscape
768 × 1024 In full-screen mode with translucent status bar in portrait
iPhone
480 × 208 In landscape
320 × 356 In portrait
320 × 336 With in-call status bar in portrait¹
480 × 268 With address bar hidden in landscape
320 × 416 With address bar hidden in portrait
320 × 396 With address bar hidden with in-call status bar in portrait
480 × 300 In full-screen mode in landscape
320 × 460 In full-screen mode in portrait
320 × 440 In full-screen mode with in-call status bar in portrait¹
480 × 320 In full-screen mode with translucent status bar in landscape
320 × 480 In full-screen mode with translucent status bar in portrait
320 × 440 In full-screen mode with in-call status bar in portrait²
¹ The height of the status bar doubles in-call, but only in portrait orientation.
² The In-Call Status Bar turns opaque, but only in portrait orientation.
@afeld

This comment has been minimized.

Copy link

commented Oct 11, 2011

If you wouldn't mind adding iPhone 4, it would be much appreciated :-)

@tvandervossen

This comment has been minimized.

Copy link
Owner Author

commented Oct 11, 2011

I’ve consciously decided to only list the iPhone’s logical resolutions. The physical resolutions on the retina display are double what’s listed above.

@afeld

This comment has been minimized.

Copy link

commented Oct 11, 2011

Right, was corrected on my misunderstanding by a coworker (@endtwist). Thanks!

@contentfree

This comment has been minimized.

Copy link

commented Feb 10, 2012

I believe the iPhone's "With address bar hidden in portrait" height is incorrect. The others in the group increase by 60 pixels from the group above, but the 356 stays the same (erroneously). I believe it should be 416.

@tvandervossen

This comment has been minimized.

Copy link
Owner Author

commented Feb 15, 2012

You’re correct; it’s not fixed. Thanks.

@LucaRosaldi

This comment has been minimized.

Copy link

commented Aug 3, 2013

iPhone 5?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.