What is the viewport size of the iPhone SE?

The iPhone SE has a viewport size of 375×667 CSS pixels with a device pixel ratio of 2x. Its physical screen resolution is 750×1334 pixels on a 4.7 inch display.

Which CSS breakpoint does the iPhone SE use?

The iPhone SE (375px wide) falls into the "default" breakpoint in Tailwind CSS, "xs" in Bootstrap 5, and "xs" in Material UI.

What is the device pixel ratio of the iPhone SE?

The iPhone SE has a device pixel ratio (DPR) of 2x, meaning each CSS pixel is rendered using 2×2 = 4 physical pixels. This gives the display sharp, high-density rendering for text and images.

Phone Apple

iPhone SE Viewport Size

375×667 CSS pixels · 750×1334 physical pixels · 2x DPR

Display Specifications

Viewport Width

375px CSS pixels

Viewport Height

667px CSS pixels

Physical Width

750px hardware pixels

Physical Height

1334px hardware pixels

Device Pixel Ratio

2x 1 CSS px = 2×2 physical px

Colour Depth

24-bit 8-bit per channel

Screen Size

4.7 inch diagonal

Aspect Ratio

16:9

Operating System

iOS 17

Release Year

2022

Touch Support

Yes

CSS Breakpoint Mapping

At 375px wide, the iPhone SE falls into these CSS framework breakpoints:

Tailwind CSS v4

default

min-width: 0

Bootstrap 5

min-width: 0

Material UI v6

min-width: 0

Related Devices

iPhone 13

390×844 · 3x DPR

default

iPhone 14

390×844 · 3x DPR

default

iPhone 14 Pro

393×852 · 3x DPR

default

iPhone 15

393×852 · 3x DPR

default

Audit your site on iPhone SE

See how your site looks at 375×667 — Viewpo takes real browser screenshots and checks for responsive design issues.

Try Viewpo Free