Apple Device Screen Resolutions in 2020

Full list of Apple devices you need to design for in 2020 and Figma file with frames for all devices.

iPhone

320 x 568 iPhone 5
375 x 667 iPhone SE
375 x 812 iPhone 11 Pro
414 x 736 iPhone 6+, 7+, 8+
414 x 896 iPhone Xr, 11, 11 Pro Max

iPad

768 x 1024 iPad Mini 7′9″ Portrait
810 x 1080 iPad 10′2″ Portrait
834 x 1112 iPad Air 10′5″ Portrait
1024 x 768 iPad Mini 7′9″ Landscape
1080 x 810 iPad 10′2″ Landscape
1112 x 834 iPad Air 10′5″ Landscape
1194 x 834 iPad Pro 11″ Landscape

Desktop & Laptop (& iPad)

1280 x 800 13″ MacBook Pro
1366 x 768 Old Laptops
1366 x 1024 iPad Pro 12′9″ Landscape
1440 x 900 15″ MacBook Pro Old
1536 x 960 16″ MacBook Pro
1680 x 1050 15″ MacBook Pro
1920 x 1080 iMac 21′5″
2048 x 1152 iMac 21′5″ Retina 4K
2560 x 1440 iMac 27″ Retina 5K

I’ll try to add a CSS media queries code to the GitHub repository in the very near future.