Viewport e resolução de iPhones, Androids, iPads e notebooks

Largura e altura em pixels CSS, densidade de pixels (DPR) e resolução física de 41 aparelhos, os mesmos números que o Breakpane usa para emular cada tela.

Pixel CSS ou pixel físico?

O viewport é medido em pixels CSS: é o que @media (max-width) e window.innerWidth enxergam. O DPR (devicePixelRatio) diz quantos pixels físicos cabem em cada pixel CSS. O iPhone 17 Pro tem 402 px CSS de largura e DPR 3, então o painel tem 1206 pixels físicos de largura. O layout se resolve em pixels CSS; o DPR decide a nitidez das imagens (srcset, image-set()).

iPhone · 10

iPhone: viewport em retrato em pixels CSS, densidade e resolução física
Aparelho	Viewport (retrato)	DPR	Resolução física	Sistema
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 fechado	466×678	3	1398×2034	iOS
iPhone Duo aberto	951×669	3	2670×1878	iOS

Android · 17

Android: viewport em retrato em pixels CSS, densidade e resolução física
Aparelho	Viewport (retrato)	DPR	Resolução física	Sistema
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 aberto	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 aberto	750×832	2,625	1968×2184	Android
Galaxy Z Fold7 fechado	412×960	2,625	1080×2520	Android
Galaxy Z Fold5 aberto	690×829	2,625	≈ 1811×2176	Android
Galaxy Z Fold5 fechado	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: viewport em retrato em pixels CSS, densidade e resolução física
Aparelho	Viewport (retrato)	DPR	Resolução física	Sistema
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

Notebooks · 7

Notebooks: viewport em retrato em pixels CSS, densidade e resolução física
Aparelho	Tela	DPR	Resolução física	Sistema
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: viewport em retrato em pixels CSS, densidade e resolução física
Aparelho	Tela	DPR	Resolução física	Sistema
Monitor Full HD	1920×1080	1	1920×1080	Windows
Monitor QHD	2560×1440	1	2560×1440	Windows