Apple reference

iPhone SE Screen & Viewport Specifications

2 iPhone SE models compared using manufacturer panel specifications and separately published CSS observations.

What CSS dimensions are documented for iPhone SE?

iPhone SE (2nd generation) (Main): 375 × 667 CSS reference; DPR 2; iPhone SE (3rd generation) (Main): 375 × 667 CSS reference; DPR 2. Actual browser viewport dimensions vary with settings and browser UI.

Measured in your browser

Your browser viewport and DPR
Measured locally after JavaScript runs; not a device-model identification.

iPhone SE configuration notes

iPhone SE (2nd generation): Year and regional A-number model codes are from Apple Support 108044. OS is the platform family, not a claim about the current or launch iOS version.

iPhone SE (2nd generation): releaseDate denotes first retail availability, not announcement or preorder date.

iPhone SE (2nd generation) (Main): diagonal: Apple marketed diagonal in inches; panel: native portrait pixel resolution; ppi: Apple specification.

iPhone SE (2nd generation) (Main): viewport: published portrait CSS screen/reference dimensions at default scaling, not a measured browser innerWidth/innerHeight; browser chrome, zoom, orientation, viewport meta settings and display zoom can change the actual layout/visual viewport.

iPhone SE (2nd generation) (Main): dpr: published CSS device pixel ratio, not calculated from native resolution; landscape is null because no independent landscape observation was collected.

iPhone SE (3rd generation): Year and regional A-number model codes are from Apple Support 108044. OS is the platform family, not a claim about the current or launch iOS version.

iPhone SE (3rd generation): releaseDate denotes first retail availability, not announcement or preorder date.

iPhone SE (3rd generation) (Main): diagonal: Apple marketed diagonal in inches; panel: native portrait pixel resolution; ppi: Apple specification.

iPhone SE (3rd generation) (Main): viewport: published portrait CSS screen/reference dimensions at default scaling, not a measured browser innerWidth/innerHeight; browser chrome, zoom, orientation, viewport meta settings and display zoom can change the actual layout/visual viewport.

iPhone SE (3rd generation) (Main): dpr: published CSS device pixel ratio, not calculated from native resolution; landscape is null because no independent landscape observation was collected.

Panel pixels, CSS reference dimensions and browser viewport

Physical panel resolution describes the display hardware. CSS reference dimensions describe a published logical screen configuration, not necessarily the visible browser window. The live viewport below reads window.innerWidth and window.innerHeight. Browser bars, page zoom, display scaling, operating system version and folding can change that viewport. Never identify a phone solely by its CSS width or device pixel ratio.

We record physical specifications from manufacturer documentation, and CSS dimensions only when a separate technical reference explicitly documents them. We do not divide a native panel resolution by an assumed pixel ratio to invent a viewport. Missing observations are marked Not documented. A published reference is not a measurement of your own phone; test your actual browser before relying on a breakpoint.

Orientation and responsive testing

Landscape browser viewport values need their own observations: simply swapping portrait dimensions ignores browser controls, cutouts, safe areas and system insets. When a landscape measurement is missing we leave it undocumented. A rotated reference rectangle can help with a layout simulation, but is not an independently verified landscape viewport.

Use content-driven breakpoints rather than device-detection media queries. Test narrow widths first, then gradually expand the browser until the layout needs to change. Images need sufficient pixel density for the actual rendered size; devicePixelRatio can change with zoom and system display settings. On foldables, test cover and inner screens separately and resize while the page is open.

Sources and data quality

Manufacturer-confirmed panel resolution describes physical hardware only. Independently measured CSS viewport requires a dated measurement method, browser and OS context. Documented third-party viewport reference means a source explicitly publishes the values, but not necessarily that its device settings or measurement method are known. Emulator configurations are testing presets, never measurements of a physical phone in its default setup. Unknown or conflicting values stay visibly qualified.

A manufacturer-backed panel does not verify a whole device. Missing browser version, OS version, zoom and display scaling remain unknown. PPI is cited or calculated from panel pixels and diagonal inches, never used to invent CSS measurements. Incomplete entries do not automatically receive indexable articles. Coverage includes only the listed models and display states.

Measure your actual viewport

Layout viewport is the page layout area reported by window.innerWidth and innerHeight. Visual viewport is the currently visible page area; pinch zoom or the keyboard can change it. Screen dimensions are logical CSS pixels, not native panel resolution. Device pixel ratio and visual viewport scale are separate readings, not interchangeable zoom percentages.

Copy Measurement includes a fresh UTC timestamp and the available browser readings. Unavailable visual viewport values remain unavailable. Readings stay local and are not automatically stored, submitted or added to the catalog. Neither viewport nor user agent reliably identifies a phone model.

Screen specifications

Model / displayYearDiagonalPhysical panelCSS portrait referenceLandscape viewportDPRPPIPanel evidenceViewport evidenceFold stateCSS configurationCSS source / checked
iPhone SE (2nd generation) — Main20204.7″750 × 1334375 × 667Not documented2×326Manufacturer-confirmed panel resolutionDocumented third-party viewport referenceNot applicablePublished portrait CSS screen reference; browser/OS version, resolution mode and display zoom were not documented by the source. Not a verified real-device default or window.innerHeight measurement.https://1440px.com/screen-sizes/iphone/ · 2026-10-19
iPhone SE (3rd generation) — Main20224.7″750 × 1334375 × 667Not documented2×326Manufacturer-confirmed panel resolutionDocumented third-party viewport referenceNot applicablePublished portrait CSS screen reference; browser/OS version, resolution mode and display zoom were not documented by the source. Not a verified real-device default or window.innerHeight measurement.https://1440px.com/screen-sizes/iphone/ · 2026-10-19

Sources