Media Queries for Mobile Devices

Apple

Phone
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

Samsung

Phone

Galaxy S8, S8+, S9, S9+, S10, S10+

360 X 740

Galaxy S6, S7, S7 Edge

360 X 640

Galaxy Note 10, 10+

360 X 718

Galaxy Note 8, 9

360 X 740

Google Pixel

Pixel 4

412 X 870

Pixel 4 XL

412 X 870

LG G3, G4, G5

360 X 640

OnePlus 7

412 X 893

Categorized in: Web Development

This post was written by hackya