What is the CSS viewport size of the iPhone 15?

The standard iPhone 15 and 15 Pro have a CSS viewport of 393 × 852 pixels with a 3.0x Device Pixel Ratio (2556 × 1179 physical pixels).

Updated: August 2026 • Verified v1.2

Device Screen Dimensions, Viewport & DPI Reference

Creative & DesignDesign

Local Browser Execution: Your input is processed locally in your browser and is not sent to UTL servers.

DPR Formula: Hardware Pixels = CSS Viewport * Device Pixel Ratio (DPR)

Was this calculation helpful?

Understanding Your Results

Displays physical pixel resolutions, CSS viewport dimensions, DPR scaling, and aspect ratios with 1-click CSS `@media (max-width: ...)` copy.

Practical Guidance & Next Steps

Always design responsive layouts using CSS viewport units rather than physical hardware pixels.

What is this?

A responsive design reference tool listing accurate viewport and screen dimensions across modern consumer devices.

How does it work?

1. Search by device model (iPhone 15, iPad, MacBook, 4K monitor). 2. Filter by category (mobile, tablet, laptop, desktop). 3. View viewport vs physical specs and copy CSS media queries in 1 click.

Why use it?

Ensures pixel-perfect responsive layouts on actual hardware without guessing CSS viewport breakpoints.

Technical Scope & Calculation Limitations

Tracks standard production hardware dimensions.

Frequently Asked Questions

Physical pixels are the actual hardware LEDs on the display. CSS viewport pixels are logical units used by the browser. On a 3x Retina display, 1 CSS pixel equals a 3x3 grid of 9 physical pixels.

Windows Desktop & Widget Options