Last active
February 2, 2022 16:55
-
-
Save kale-stew/8423bc08e0ada196e03805aa6fd99d99 to your computer and use it in GitHub Desktop.
Popular mobile device screen dimensions, as an array of objects in a single file
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
// Popular Mobile Device Dimensions in px | |
// taken from https://mediag.com/blog/popular-screen-resolutions-designing-for-all/ | |
export default [ | |
{ | |
// iPhone XR | |
height: '828px', | |
width: '1792px' | |
}, | |
{ | |
// iPhone XS | |
// iPhone X | |
height: '1125px', | |
width: '2436px' | |
}, | |
{ | |
// iPhone XS Max | |
height: '1242px', | |
width: '2436px' | |
}, | |
{ | |
// iPhone 8 Plus | |
// Nexus 5X | |
// Google Pixel | |
// One Plus 3 | |
// iPhone 7 Plus | |
// iPhone 6/6S Plus | |
height: '1080px', | |
width: '1920px' | |
}, | |
{ | |
// iPhone 8 | |
// iPhone 7 | |
// iPhone 6/6S | |
height: '750px', | |
width: '1334px' | |
}, | |
{ | |
// iPhone 5 | |
// iPod Touch | |
height: '640px', | |
width: '1136px' | |
}, | |
{ | |
// iPad Pro | |
height: '2048px', | |
width: '2732px' | |
}, | |
{ | |
// iPad 3rd & 4th Gen | |
// iPad Air 1 & 2 | |
// iPad Mini 2 & 3 | |
height: '1536px', | |
width: '2048px' | |
}, | |
{ | |
// iPad Mini | |
height: '768px', | |
width: '1024px' | |
}, | |
{ | |
// Nexus 6P | |
// Google Pixel 2 XL | |
// Google Pixel XL | |
// Samsung Galaxy Note 5 | |
// LG G5 | |
// Samsung Galaxy S7 Edge | |
// Samsung Galaxy S7 | |
height: '1440px', | |
width: '2560px' | |
}, | |
{ | |
// Google Pixel 3 XL | |
// Samsung Galaxy Note 9 | |
// Samsung Galaxy S9+ | |
// Samsung Galaxy S9 | |
// Samsung Galaxy S8+ | |
// Samsung Galaxy S8 | |
height: '1440px', | |
width: '2960px' | |
}, | |
{ | |
// Google Pixel 3 | |
height: '1080px', | |
width: '2160px' | |
}, | |
{ | |
// Nexus 9 | |
height: '1536px', | |
width: '2048px' | |
}, | |
{ | |
// Nexus 7 (2013) | |
height: '1200px', | |
width: '1920px' | |
}, | |
{ | |
// Samsung Galaxy Tab 10 | |
height: '800px', | |
width: '1280px' | |
}, | |
{ | |
// Chromebook Pixel | |
height: '2560px', | |
width: '1700px' | |
} | |
]; |
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
// Popular Mobile Device Dimensions viewports | |
// taken from https://mediag.com/blog/popular-screen-resolutions-designing-for-all/ | |
export default [ | |
{ | |
// iPhone XR | |
// iPhone XS Max | |
height: '896', | |
width: '414' | |
}, | |
{ | |
// iPhone XS | |
// iPhone X | |
height: '812', | |
width: '375' | |
}, | |
{ | |
// iPhone 8 Plus | |
// iPhone 7 Plus | |
// iPhone 6/6S Plus | |
height: '736', | |
width: '414' | |
}, | |
{ | |
// iPhone 8 | |
// iPhone 7 | |
// iPhone 6/6S | |
height: '667', | |
width: '375' | |
}, | |
{ | |
// iPhone 5 | |
// iPod Touch | |
height: '568', | |
width: '320' | |
}, | |
{ | |
// iPad Pro | |
height: '1366', | |
width: '1024' | |
}, | |
{ | |
// iPad 3rd & 4th Gen | |
// iPad Air 1 & 2 | |
// iPad Mini 2 & 3 | |
// iPad Mini | |
height: '1024', | |
width: '768' | |
}, | |
{ | |
// Nexus 6P | |
// Nexus 5X | |
// Google Pixel 2 XL | |
// Google Pixel XL | |
// Google Pixel | |
height: '732', | |
width: '412' | |
}, | |
{ | |
// Google Pixel 3 XL | |
height: '847', | |
width: '412' | |
}, | |
{ | |
// Google Pixel 3 | |
height: '824', | |
width: '412' | |
}, | |
{ | |
// One Plus 3 | |
// Samsung Galaxy Note 5 | |
// LG G5 | |
height: '853', | |
width: '480' | |
}, | |
{ | |
// Samsung Galaxy S7 Edge | |
// Samsung Galaxy S7 | |
height: '640', | |
width: '360' | |
}, | |
{ | |
// Samsung Galaxy Note 9 | |
// Samsung Galaxy S9+ | |
// Samsung Galaxy S9 | |
// Samsung Galaxy S8+ | |
// Samsung Galaxy S8 | |
height: '740', | |
width: '360' | |
}, | |
{ | |
// Nexus 9 | |
height: '1024', | |
width: '768' | |
}, | |
{ | |
// Nexus 7 (2013) | |
height: '960', | |
width: '600' | |
}, | |
{ | |
// Samsung Galaxy Tab 10 | |
height: '1280', | |
width: '800' | |
}, | |
{ | |
// Chromebook Pixel | |
height: '1280', | |
width: '850' | |
} | |
]; |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment