Created
September 21, 2011 07:33
-
-
Save tvandervossen/1231476 to your computer and use it in GitHub Desktop.
Mobile Safari viewport sizes on iOS 4.3 and 5
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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. |
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.
Right, was corrected on my misunderstanding by a coworker (@endtwist). Thanks!
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.
You’re correct; it’s not fixed. Thanks.
iPhone 5?
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
If you wouldn't mind adding iPhone 4, it would be much appreciated :-)