Viewport sizes of iPhones, Androids, iPads and laptops

Width and height in CSS pixels, device pixel ratio (DPR) and physical resolution of 41 devices, the same numbers Breakpane uses to emulate each screen.

CSS pixels or physical pixels?

The viewport is measured in CSS pixels: it's what @media (max-width) and window.innerWidth see. The DPR (devicePixelRatio) says how many physical pixels fit in each CSS pixel. The iPhone 17 Pro is 402 CSS px wide with a DPR of 3, so its panel is 1206 physical pixels wide. Layout is done in CSS pixels; the DPR decides how sharp images need to be (srcset, image-set()).

iPhone · 10

iPhone: portrait viewport in CSS pixels, density and physical resolution
Device	Viewport (portrait)	DPR	Physical resolution	OS
iPhone 17 Pro	402×874	3	1206×2622	iOS
iPhone 17 Pro Max	440×956	3	1320×2868	iOS
iPhone Air	420×912	3	1260×2736	iOS
iPhone 16	393×852	3	1179×2556	iOS
iPhone 15	393×852	3	1179×2556	iOS
iPhone 16e	390×844	3	1170×2532	iOS
iPhone 13 mini	375×812	3	1080×2340	iOS
iPhone SE	375×667	2	750×1334	iOS
iPhone Duo (closed)	466×678	3	1398×2034	iOS
iPhone Duo (open)	951×669	3	2670×1878	iOS

Android · 17

Android: portrait viewport in CSS pixels, density and physical resolution
Device	Viewport (portrait)	DPR	Physical resolution	OS
Pixel 9	412×923	2.625	≈ 1082×2423	Android
Pixel 8a	412×915	2.625	≈ 1082×2402	Android
Pixel 10 Pro XL	448×998	3	1344×2994	Android
Pixel 10 Pro Fold (open)	755×783	2.75	2076×2152	Android
Galaxy S25	360×780	3	1080×2340	Android
Galaxy S24	360×780	3	1080×2340	Android
Galaxy S25 Ultra	384×832	2.813	1080×2340	Android
Galaxy Z Fold7 (open)	750×832	2.625	1968×2184	Android
Galaxy Z Fold7 (closed)	412×960	2.625	1080×2520	Android
Galaxy Z Fold5 (open)	690×829	2.625	≈ 1811×2176	Android
Galaxy Z Fold5 (closed)	344×882	2.625	≈ 903×2315	Android
Galaxy Z Flip7	360×840	3	1080×2520	Android
Galaxy Z Flip3	360×880	3	1080×2640	Android
Galaxy A06	360×800	2	720×1600	Android
Moto G (2025)	412×917	1.75	≈ 721×1605	Android
Redmi Note 13	393×873	2.75	≈ 1081×2401	Android
Poco X6 Pro	407×905	3	1221×2715	Android

Tablets · 5

Tablets: portrait viewport in CSS pixels, density and physical resolution
Device	Viewport (portrait)	DPR	Physical resolution	OS
iPad mini	744×1133	2	1488×2266	iPadOS
iPad Air 11″	820×1180	2	1640×2360	iPadOS
iPad Pro 11″	834×1210	2	1668×2420	iPadOS
iPad Pro 13″	1032×1376	2	2064×2752	iPadOS
Galaxy Tab S10+	876×1400	2	1752×2800	Android

Laptops · 7

Laptops: portrait viewport in CSS pixels, density and physical resolution
Device	Screen	DPR	Physical resolution	OS
MacBook Air 13″	1470×956	2	2940×1912	macOS
MacBook Pro 14″	1512×982	2	3024×1964	macOS
MacBook Pro 16″	1728×1117	2	3456×2234	macOS
Surface Pro 11	1440×960	2	2880×1920	Windows
Notebook Full HD	1536×864	1.25	1920×1080	Windows
Notebook 14″ Full HD	1280×720	1.5	1920×1080	Windows
Notebook HD	1366×768	1	1366×768	Windows

Desktop · 2

Desktop: portrait viewport in CSS pixels, density and physical resolution
Device	Screen	DPR	Physical resolution	OS
Monitor Full HD	1920×1080	1	1920×1080	Windows
Monitor QHD	2560×1440	1	2560×1440	Windows