Skip to content

Instantly share code, notes, and snippets.

@maccman
Forked from tvandervossen/gist:1231476
Created September 21, 2011 14:23
Show Gist options
  • Save maccman/1232164 to your computer and use it in GitHub Desktop.
Save maccman/1232164 to your computer and use it in GitHub Desktop.
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 × 356 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.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment