Stax
Tools

Mobile Screen Sizes — iPhone, Android & iPad Resolutions

Every mobile screen size in pixels — iPhone 17, Galaxy S25, Pixel 9a, iPads. Standard phone dimensions, device pixel ratios, and CSS breakpoints for 2026.

DeviceWidth (px)Height (px)PPIScaleYear
iPhone 17 Pro Max(6.9" ProMotion)132028684603x2025
iPhone 17 Pro(6.3" ProMotion)120626224603x2025
iPhone 17 Air(6.6" ultra-thin 5.5 mm)129027964663x2025
iPhone 17(6.1" ProMotion)117925564603x2025
iPhone 16e(6.1" — replaces SE line)117925564603x2025
iPhone 16 Pro Max(6.9")132028684603x2024
iPhone 16 Pro(6.3")120626224603x2024
iPhone 16 Plus(6.7")129027964603x2024
iPhone 16(6.1")117925564603x2024
iPhone 15 Pro Max129027964603x2023
iPhone 15 Pro117925564603x2023
iPhone 15 Plus129027964603x2023
iPhone 15117925564603x2023
iPhone 14 Pro Max129027964603x2022
iPhone 14117025324603x2022
iPhone SE (3rd)(4.7")75013343262x2022
iPhone 13 mini108023404763x2021
iPhone 12117025324603x2020
iPhone 1182817923262x2019
Samsung Galaxy S25 Ultra(6.9" QHD+)144031205014x2025
Samsung Galaxy S25 Edge(6.7" ultra-thin)108023403963x2025
Samsung Galaxy S25+(6.7")108023403883x2025
Samsung Galaxy S25(6.2")108023404163x2025
Google Pixel 9a(6.3")108024244223x2025
Samsung Galaxy S24 Ultra144030885054x2024
Samsung Galaxy S24108023404163x2024
Google Pixel 9 Pro134429924863.5x2024
Google Pixel 9108024244223x2024
Samsung Galaxy A55108023404033x2024
OnePlus 12144031685104x2024
Xiaomi 14120026704603x2024
Google Pixel 8a108024004293x2024
iPad mini 7 (M3)(8.3")148822663262x2024
iPad Pro 13" (M4)206427522642x2024
iPad Pro 11" (M4)166824202642x2024
iPad Air 13" (M2)206427522642x2024
iPad Air 11" (M2)164023602642x2024
iPad (10th gen)164023602642x2022
Samsung Galaxy Tab S10 Ultra(14.6")184829602402x2024
Samsung Galaxy Tab S10+(12.4")175228002662x2024
Samsung Galaxy Tab S9160025602742x2023
41 devices · Click any row for details. Logical = CSS pixels used in media queries.

Mobile Screen Sizes — Complete Reference for Responsive Design in 2025–2026

Every front-end developer and UI designer working on responsive layouts needs to know the exact pixel dimensions, logical CSS sizes, and device pixel ratios of the devices their users are on. This reference covers all major iOS and Android devices released through 2026 — including the iPhone 17 series, iPhone 16e, Samsung Galaxy S25 Ultra, Google Pixel 9a, and leading tablets — in a single searchable table.

How to use this reference

Use the search box to filter by device name or resolution. Toggle between physical pixels and CSS logical pixels to switch contexts — physical pixels matter for image asset sizing, CSS pixels matter for media queries and layout breakpoints. Click any row to copy the device's logical resolution directly to your clipboard for use in CSS breakpoints. The PPI column helps you decide whether you need @2x or @3x image assets for a given device.

Understanding device pixel ratio (DPR)

Modern smartphones pack 2–4 physical pixels into every CSS pixel. An iPhone 17 Pro has a DPR of 3, meaning its 1206×2622 physical screen appears as 402×874 in your CSS. This is why you need @2x and @3x images in your asset pipeline — a 100×100 CSS pixel image on a DPR-3 device actually renders at 300×300 physical pixels. Providing only 1× images on high-DPI screens results in visibly blurry photos and icons.

Who uses this tool

Front-end developers use it when writing CSS media queries and want the exact logical width of a target device. UI designers use it in Figma or Sketch to set up artboards at the correct logical dimensions. QA engineers reference it to configure emulators and BrowserStack device profiles. Mobile app developers use the PPI and DPR data to configure asset catalogues and screen density buckets for Android and iOS.

Privacy and data handling

This reference is a fully static, client-side tool — all device data is bundled into the page itself. No search queries, no filter inputs, and no user interactions are sent to any server or analytics endpoint beyond standard page-load metrics.

Frequently asked questions

What is the difference between physical and logical resolution?
Physical resolution is the actual pixel count on the screen. Logical resolution (CSS pixels or points) is what developers target in media queries. A 3x device like the iPhone 17 has 3 physical pixels per CSS pixel, so its 1179×2556 physical screen appears 393×852 in your stylesheets.
What is device pixel ratio (DPR)?
Device Pixel Ratio (DPR) is the ratio of physical pixels to logical pixels. A DPR of 3 means 9 physical pixels per logical pixel. Use window.devicePixelRatio in JavaScript to read the current device's DPR at runtime. Most 2024–2025 flagship phones use DPR 3; high-end Android flagships like the Galaxy S25 Ultra use DPR 4.
What CSS breakpoints should I use for mobile?
Common breakpoints: 375px (older iPhones), 390–393px (iPhone 14–17 standard), 402px (iPhone 16/17 Pro), 430px (iPhone 16/17 Air and Plus), 440px (iPhone 17 Pro Max), 360px (most Android), 412px (Pixel Android). Always use min-width media queries for mobile-first design. Avoid targeting specific device sizes — design fluid layouts that work across ranges.
What is the iPhone 17 Air screen size?
The iPhone 17 Air (2025) has a 6.6-inch OLED display with a physical resolution of 1290×2796 pixels at 466 PPI, @3x scale. Its CSS/logical resolution is 430×932 points — the same logical size as the iPhone 16 Plus and 15 Pro Max. The 'Air' refers to its ultra-thin 5.5 mm chassis, not a downgrade in display quality.
What screen size does the Samsung Galaxy S25 use?
The Galaxy S25 (2025) has a 6.2-inch Dynamic AMOLED 2X display at 1080×2340 (FHD+), 416 PPI, @3x scale — CSS dp size: 360×780. The S25+ is 6.7-inch at 1080×2340 (388 PPI), and the S25 Ultra is 6.9-inch at 1440×3120 (QHD+, 501 PPI, @4x, 360×780 dp).
What is the standard mobile screen size in pixels?
There is no single standard, but most 2025–2026 phones render at a logical width of 360–430 CSS pixels. Physical resolutions cluster around 1080×2400 px for Android flagships and 1170–1320 px wide for iPhones. For design work, 390×844 (iPhone) and 412×915 (Android) are the most representative logical sizes.
What is the max mobile width in px for responsive design?
Treat 480 px as the practical upper bound for phone layouts — the largest phones (iPhone 17 Pro Max, Galaxy S25 Ultra) report logical widths of 430–440 px. A max-width media query at 480px catches every current phone, while 768px is the conventional tablet boundary.
What is the iPhone screen width in pixels?
Current iPhones range from 1170 px physical width (iPhone 17) to 1320 px (17 Pro Max), which map to 390–440 logical CSS pixels at 3× device pixel ratio. Older models like the iPhone SE render at 375 CSS px — still worth testing as a minimum width.
What is the iPad screen width in pixels?
iPads render at logical widths from 744 px (iPad mini) through 820 px (iPad Air) to 1024–1032 px (iPad Pro 13"), all at 2× device pixel ratio — so physical widths run roughly 1488 to 2064 pixels. In landscape, iPad Pro widths overlap small laptop breakpoints.

From the blog

Related tools