Skip to content

Instantly share code, notes, and snippets.

@tieleman
Last active December 14, 2015 22:39
Show Gist options
  • Save tieleman/5159984 to your computer and use it in GitHub Desktop.
Save tieleman/5159984 to your computer and use it in GitHub Desktop.
Reported media query viewport sizes (max-width) when using width=device-width. You can use this list to construct media queries targetting specific platforms.
*Device* *Portrait* *Landscape* *Device type* *Remarks*
Nexus 7 600 961 Tablet
iPad 2 768 768 Tablet iOS always reports the same, regardless of orientation.
Surface RT 1366 1024 Tablet
Galaxy Tab 2 1280 800 Tablet
Galaxy Nexus 360 598 Phone
iPhone 5 320 320 Phone iOS always reports the same, regardless of orientation.
Galaxy S3 mini 320 534 Phone Stock android browser reports 533, not 534 (Chrome).
@tieleman
Copy link
Author

Sizes are reported using the following script, requires a browser that supports window.matchMedia:
https://gist.github.com/tieleman/5160086

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment