Common viewport sizes

This is part of the reference hub. When a layout bug is reported "on mobile," the useful question is at what width, because that's what the layout actually responds to. These are the common viewport sizes in CSS pixels (the value window.innerWidth returns, not the physical pixel count).

Phones

Device class	Viewport (CSS px)	Notes
Small phone (iPhone SE)	375 × 667	The narrow case worth testing
Standard phone (iPhone 13/14/15)	390 × 844	Very common modern width
Large phone (Pro Max / Plus)	430 × 932	Widest mainstream phone
Android (Pixel-class)	360–412 × 800–915	Varies by model

Tablets

Device class	Viewport (CSS px)	Notes
iPad mini	768 × 1024	The classic 768 breakpoint boundary
iPad / iPad Air	820 × 1180	Common mid-size tablet
iPad Pro 11"	834 × 1194
iPad Pro 12.9"	1024 × 1366	Overlaps small-laptop width

Laptops and desktops

Device class	Viewport (CSS px)	Notes
Small laptop	1280 × 800	Common baseline for "desktop"
HD laptop	1366 × 768	Still widespread
13–15" laptop	1440 × 900
Full HD desktop	1920 × 1080	Test wide layouts here

How to use this

Reproduce a reported bug at the width it was seen on, not your own. The narrow phone (375), one tablet (768), and one laptop (1280) cover most responsive breakpoint transitions. To check your current viewport live, use what is my viewport.

Widths are CSS pixels and reflect common 2026 devices; physical capture resolution will be higher on high-density displays.

Frequently asked questions

Are these physical pixels or CSS pixels?

CSS pixels (also called device-independent pixels): the value window.innerWidth reports and the number your media queries match against. A phone with a 3x display has far more physical pixels, but its layout responds to the CSS width shown here.

Which widths should I actually test?

At minimum a narrow phone (~375px), a tablet (~768px), and a laptop (~1280px). Those three catch most responsive breakpoint problems. Add a large phone (~430px) if your audience skews mobile.

Why does my screenshot look wider than the viewport size?

Because the capture is in physical pixels. A 390px-wide iPhone at 3x renders a 1170px-wide image. The layout still responds to 390; the file is just higher resolution.