Stax

…

Tools

Mobile Screen Sizes — iPhone, Android & iPad Resolutions

Mobile screen sizes in pixels: iPhone 17 is 402×874, Galaxy S25 360×780, Pixel 9a 360×808 (CSS px). Full resolutions, pixel ratios and breakpoints.

Last updated:

DeviceWidth (px)Height (px)PPIScaleYear
iPhone 17 Pro Max(6.9" ProMotion)132028684603x2025
iPhone 17 Pro(6.3" ProMotion)120626224603x2025
iPhone Air(6.5" ultra-thin)126027364603x2025
iPhone 17(6.3" ProMotion)120626224603x2025
iPhone 16e(6.1" — replaces SE line)117025324603x2025
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 Pro Max128427784583x2021
iPhone 13 Pro117025324603x2021
iPhone 13117025324603x2021
iPhone 13 mini(5.4")108023404763x2021
iPhone 12117025324603x2020
iPhone 1182817923262x2019
iPhone XR82817923262x2018
iPhone 8(4.7")75013343262x2017
Samsung Galaxy S25 Ultra(6.9" QHD+)144031205014x2025
Samsung Galaxy S25 Edge(6.7" QHD+, ultra-thin)144031205134x2025
Samsung Galaxy S25+(6.7" QHD+)144031205134x2025
Samsung Galaxy S25(6.2")108023404163x2025
Google Pixel 9a(6.3"; CSS size derived from the Pixel 9's (same panel and default density))108024244222.625x2025
Samsung Galaxy S24 Ultra(6.8" QHD+)144031205054x2024
Samsung Galaxy S24108023404163x2024
Google Pixel 9 Pro XL(6.8")134429924863x2024
Google Pixel 9 Pro(6.3")128028564953x2024
Google Pixel 9108024244222.625x2024
Samsung Galaxy A55108023404033x2024
OnePlus 12144031685104x2024
Xiaomi 14120026704603x2024
Google Pixel 8a108024004292.625x2024
iPad mini 7 (M3)(8.3")148822663262x2024
iPad Pro 13" (M4)206427522642x2024
iPad Pro 11" (M4)166824202642x2024
iPad Air 13" (M2)204827322642x2024
iPad Pro 12.9" (6th gen)204827322642x2022
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

48 devices · Click or press Enter on a row for details. Logical = CSS pixels used in media queries.

Physical resolution and pixel density come from the manufacturers' spec sheets (Apple, Samsung and Google). CSS sizes on Android depend on the display-size setting and the maker. The Pixel rows use the sizes Chrome DevTools emulates for them (Pixel 8a 412 × 915 and Pixel 9 412 × 924 at 2.625, Pixel 9 Pro 427 × 952 and 9 Pro XL 448 × 997 at 3, each equal to the panel divided by the density) and the Pixel 9a is derived from the Pixel 9. The Samsung rows are the common One UI default (the panel divided by 3). Treat all Android CSS sizes as typical values and confirm on a real device or in your browser's device emulation.

Was this tool useful?

Use the tool above and you can rate it here.

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 reference widths: 375px (iPhone SE, 8 and 13 mini), 390px (iPhone 12 to 14 and 16e), 393px (iPhone 14 Pro, 15 and 16), 402px (iPhone 16 Pro, 17 and 17 Pro), 420px (iPhone Air), 428–430px (the Plus and Pro Max models from the 13 Pro Max to the 16 Plus), 440px (iPhone 16 and 17 Pro Max), 360px (many Android phones) and 412px (many Pixels). 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 Air screen size?
The iPhone Air (2025) has a 6.5-inch OLED display with a physical resolution of 2736×1260 pixels at 460 PPI, @3x scale. Its CSS/logical resolution is 420×912 points. Note the name: Apple sells it as iPhone Air, not iPhone 17 Air.
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+ and S25 Edge are 6.7-inch QHD+ panels at 1440×3120 (about 513 PPI), and the S25 Ultra is 6.9-inch at 1440×3120. Samsung phones with a QHD+ panel can run a lower display resolution, and the CSS size depends on that display-size setting, so 360×780 is a typical value, not a guarantee.
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 report logical widths of about 430–440 px (iPhone 17 Pro Max: 440), and Android phones usually report 360–412 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 16e) to 1320 px (17 Pro Max), which map to 390–440 logical CSS pixels at 3× device pixel ratio. The iPhone 17 is 1206 px wide (402 CSS px). 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 11-inch and iPad 10th generation) to 1024–1032 px (iPad Air 13-inch, iPad Pro 12.9-inch and 13-inch), all at 2× device pixel ratio — so physical widths run roughly 1488 to 2064 pixels. In landscape, iPad Pro widths overlap small laptop breakpoints.
What is the iPhone 16 screen size in pixels?
The iPhone 16 has a 6.1-inch display with a physical resolution of 1179×2556 pixels at 460 PPI and a scale factor of 3. In CSS pixels (points) that is 393×852, the same logical size as the iPhone 15 and 15 Pro. Design and test layouts at 393 px wide for this model.
What is the Google Pixel 9a screen size?
The Pixel 9a has a 6.3-inch display at 1080×2424 pixels (about 422 PPI) with a device pixel ratio of 3. Its CSS size is 360×808, so a layout built for 360 px wide covers it. The standard Pixel 9 uses the same 1080×2424 panel and 360×808 CSS size.

From the blog

Related tools