iPhone 15 / 15 Pro screen size

At 393px wide, iPhone 15 / 15 Pro sits in the modern phone viewport band. Review breakpoints from 353px to 433px so you can catch layout stress just before and just after the exact reference width instead of testing only one perfect number.

The 852px height makes this a balanced first-screen viewport. That is useful for above-the-fold messaging, login flows, dashboards, sticky UI, and long forms where one extra toolbar or consent banner can push the main action below the first screen.

Resolution 1179 x 2556, DPR 3, and 460 PPI explain why screenshots from iPhone 15 / 15 Pro can look sharper than another device with a similar CSS viewport. In practical terms, each CSS pixel here maps to about 9.0 physical pixels.

Rotate this reference to landscape when nav bars, video players, tables, or split-pane layouts need more horizontal room than the portrait viewport allows. Pair this page with the viewport checker, the DPR checker, and the comparison library when you need both live browser values and nearby references in the same report.

Start with the CSS viewport because that is usually the first number a frontend team needs. For iPhone 15 / 15 Pro, that means noting 393px by 852px before you debate whether the hardware itself is the problem. When the layout pressure is horizontal, width is usually the deciding signal. When the issue is about above-the-fold space, sticky controls, or keyboard overlap, height becomes just as important.

Add physical resolution, DPR, and PPI when the visual result feels different from the CSS measurements. A device like iPhone 15 / 15 Pro can look sharper, denser, or more crowded than another record with a similar viewport because the physical pixel grid and scaling behavior are doing extra work behind the scenes. That extra context is what stops screenshot discussions from turning into guesswork.

Use the family and comparison links when you need to justify why this model belongs in a test matrix. One isolated record can answer "what does this device report," but it becomes much more persuasive when you can also show where it sits against nearby references in the same family or against another device that represents a larger or smaller breakpoint boundary.

Keep physical diagonal size in the note, but do not treat it as the same thing as usable layout room. A larger screen can still produce a tighter browser experience than a physically smaller screen if scaling, browser chrome, or the underlying viewport is more restrictive. This is one of the most common reasons design reviews and device assumptions drift apart.

Before closing a QA report, pair this reference with the live screen checker and capture the actual browser state you are testing. That final step connects the stable reference data on this page with the messy real-world variables that change from session to session, including zoom, browser UI, orientation, accessibility settings, and split-view behavior.