iPhone Viewport Sizes: CSS Pixels, DPR and Resolution Chart

Find selected iPhone models and compare sourced display specifications with CSS viewport and DPR references. Unverified references are marked in the table.

Data status: Data review: 2026-09-24 (UTC). See individual source access dates in the table.

Sources: Each source link supports only the hardware fields quoted in its details. Missing specifications are marked for verification.

Method: CSS viewport and DPR references have not been independently verified. Native resolution is a hardware specification, not the browser viewport. Display scaling, browser controls, orientation and window size can change the space available to a page. Hardware dimensions are shown short edge × long edge; quoted diagonals follow the manufacturer’s measurement convention.

Quick answer: Search for your model, open its source details, then measure the viewport in the browser you need to support. Choose breakpoints where your content needs them.

Check your current browser viewport

Viewport Sizes Table

26 entries

Data as of: 2026-09-24

Scroll the table horizontally to see all columns.

Model	CSS reference (px)	Native resolution (px)	DPR reference	Diagonal (in)	PPI	Source
iPhone 17 Pro MaxApple Specifications and evidence Physical dimensions 78 × 163.4 × 8.75 mm Source location Display section > product column #5 (iPhone 17 Pro Max, id=hR2mCXWz) Verified on 2026-09-24 Native resolution 2868-by-1320-pixel resolution at 460 ppi Pixel density 2868-by-1320-pixel resolution at 460 ppi Diagonal size 6.9-inch (diagonal) all-screen OLED display 1 Physical dimensions 6.43 inches (163.4 mm); 3.07 inches (78.0 mm); 0.34 inch (8.75 mm)	440 × 956Unverified reference	1320 × 2868	3Unverified reference	6.9	460	Open source: Apple iPhone 17 Pro Max
iPhone 17 ProApple Specifications and evidence Physical dimensions 71.9 × 150 × 8.75 mm Source location Display section > product column #4 (iPhone 17 Pro, id=ZhHBl-Jt) Verified on 2026-09-24 Native resolution 2622-by-1206-pixel resolution at 460 ppi Pixel density 2622-by-1206-pixel resolution at 460 ppi Diagonal size 6.3-inch (diagonal) all-screen OLED display 1 Physical dimensions 5.91 inches (150.0 mm); 2.83 inches (71.9 mm); 0.34 inch (8.75 mm)	402 × 874Unverified reference	1206 × 2622	3Unverified reference	6.3	460	Open source: Apple iPhone 17 Pro
iPhone AirApple Specifications and evidence Physical dimensions 74.7 × 156.2 × 5.64 mm Source location Display section > product column #6 (iPhone Air, id=LZILPLvf) Verified on 2026-09-24 Native resolution 2736-by-1260-pixel resolution at 460 ppi Pixel density 2736-by-1260-pixel resolution at 460 ppi Diagonal size 6.5-inch (diagonal) all-screen OLED display 1 Physical dimensions 6.15 inches (156.2 mm); 2.94 inches (74.7 mm); 0.22 inch (5.64 mm)	420 × 912Unverified reference	1260 × 2736	3Unverified reference	6.5	460	Open source: Apple iPhone Air
iPhone 17Apple Specifications and evidence Physical dimensions 71.5 × 149.6 × 7.95 mm Source location Display section > product column #7 (iPhone 17, id=OGbL1N1L) Verified on 2026-09-24 Native resolution 2622-by-1206-pixel resolution at 460 ppi Pixel density 2622-by-1206-pixel resolution at 460 ppi Diagonal size 6.3-inch (diagonal) all-screen OLED display 1 Physical dimensions 5.89 inches (149.6 mm); 2.81 inches (71.5 mm); 0.31 inch (7.95 mm)	402 × 874Unverified reference	1206 × 2622	3Unverified reference	6.3	460	Open source: Apple iPhone 17
iPhone 16eApple Specifications and evidence Physical dimensions 71.5 × 146.7 × 7.8 mm Source location Display section > product column #13 (iPhone 16e, id=A0iRygBz) Verified on 2026-09-24 Native resolution 2532-by-1170-pixel resolution at 460 ppi Pixel density 2532-by-1170-pixel resolution at 460 ppi Diagonal size 6.1-inch (diagonal) all-screen OLED display 1 Physical dimensions 5.78 inches (146.7 mm); 2.82 inches (71.5 mm); 0.31 inch (7.80 mm)	390 × 844Unverified reference	1170 × 2532	3Unverified reference	6.1	460	Open source: Apple iPhone 16e
iPhone 16 Pro MaxApple Specifications and evidence Physical dimensions 77.6 × 163 × 8.25 mm Source location Display section > product column #10 (iPhone 16 Pro Max, id=3AjlM6ZG) Verified on 2026-09-24 Native resolution 2868-by-1320-pixel resolution at 460 ppi Pixel density 2868-by-1320-pixel resolution at 460 ppi Diagonal size 6.9-inch (diagonal) all-screen OLED display 1 Physical dimensions 6.42 inches (163 mm); 3.06 inches (77.6 mm); 0.32 inch (8.25 mm)	To be verified	1320 × 2868	3Unverified reference	6.9	460	Open source: Apple iPhone 16 Pro Max
iPhone 16 ProApple Specifications and evidence Physical dimensions 71.5 × 149.6 × 8.25 mm Source location Display section > product column #9 (iPhone 16 Pro, id=Y8GmbmX0) Verified on 2026-09-24 Native resolution 2622-by-1206-pixel resolution at 460 ppi Pixel density 2622-by-1206-pixel resolution at 460 ppi Diagonal size 6.3-inch (diagonal) all-screen OLED display 1 Physical dimensions 5.89 inches (149.6 mm); 2.81 inches (71.5 mm); 0.32 inch (8.25 mm)	To be verified	1206 × 2622	3Unverified reference	6.3	460	Open source: Apple iPhone 16 Pro
iPhone 16 PlusApple Specifications and evidence Physical dimensions 77.8 × 160.9 × 7.8 mm Source location Display section > product column #12 (iPhone 16 Plus, id=gASFVG-Z) Verified on 2026-09-24 Native resolution 2796-by-1290-pixel resolution at 460 ppi Pixel density 2796-by-1290-pixel resolution at 460 ppi Diagonal size 6.7-inch (diagonal) all-screen OLED display 1 Physical dimensions 6.33 inches (160.9 mm); 3.06 inches (77.8 mm); 0.31 inch (7.80 mm)	To be verified	1290 × 2796	3Unverified reference	6.7	460	Open source: Apple iPhone 16 Plus
iPhone 16Apple Specifications and evidence Physical dimensions 71.6 × 147.6 × 7.8 mm Source location Display section > product column #11 (iPhone 16, id=Fha16AyJ) Verified on 2026-09-24 Native resolution 2556-by-1179-pixel resolution at 460 ppi Pixel density 2556-by-1179-pixel resolution at 460 ppi Diagonal size 6.1-inch (diagonal) all-screen OLED display 1 Physical dimensions 5.81 inches (147.6 mm); 2.82 inches (71.6 mm); 0.31 inch (7.80 mm)	To be verified	1179 × 2556	3Unverified reference	6.1	460	Open source: Apple iPhone 16
iPhone 15 Pro MaxApple Specifications and evidence Physical dimensions 76.7 × 159.9 × 8.25 mm Source location Display section > product column #15 (iPhone 15 Pro Max, id=iCzJXwNI) Verified on 2026-09-24 Native resolution 2796-by-1290-pixel resolution at 460 ppi Pixel density 2796-by-1290-pixel resolution at 460 ppi Diagonal size 6.7-inch (diagonal) all-screen OLED display 1 Physical dimensions 6.29 inches (159.9 mm); 3.02 inches (76.7 mm); 0.32 inch (8.25 mm)	430 × 932Unverified reference	1290 × 2796	3Unverified reference	6.7	460	Open source: Apple iPhone 15 Pro Max
iPhone 15 ProApple Specifications and evidence Physical dimensions 70.6 × 146.6 × 8.25 mm Source location Display section > product column #14 (iPhone 15 Pro, id=BxoBktn9) Verified on 2026-09-24 Native resolution 2556-by-1179-pixel resolution at 460 ppi Pixel density 2556-by-1179-pixel resolution at 460 ppi Diagonal size 6.1-inch (diagonal) all-screen OLED display 1 Physical dimensions 5.77 inches (146.6 mm); 2.78 inches (70.6 mm); 0.32 inch (8.25 mm)	393 × 852Unverified reference	1179 × 2556	3Unverified reference	6.1	460	Open source: Apple iPhone 15 Pro
iPhone 15 PlusApple Specifications and evidence Physical dimensions 77.8 × 160.9 × 7.8 mm Source location Display section > product column #17 (iPhone 15 Plus, id=z3HEgkDg) Verified on 2026-09-24 Native resolution 2796-by-1290-pixel resolution at 460 ppi Pixel density 2796-by-1290-pixel resolution at 460 ppi Diagonal size 6.7-inch (diagonal) all-screen OLED display 1 Physical dimensions 6.33 inches (160.9 mm); 3.06 inches (77.8 mm); 0.31 inch (7.80 mm)	To be verified	1290 × 2796	3Unverified reference	6.7	460	Open source: Apple iPhone 15 Plus
iPhone 15Apple Specifications and evidence Physical dimensions 71.6 × 147.6 × 7.8 mm Source location Display section > product column #16 (iPhone 15, id=R976lnUG) Verified on 2026-09-24 Native resolution 2556-by-1179-pixel resolution at 460 ppi Pixel density 2556-by-1179-pixel resolution at 460 ppi Diagonal size 6.1-inch (diagonal) all-screen OLED display 1 Physical dimensions 5.81 inches (147.6 mm); 2.82 inches (71.6 mm); 0.31 inch (7.80 mm)	To be verified	1179 × 2556	3Unverified reference	6.1	460	Open source: Apple iPhone 15
iPhone 14 Pro MaxApple Specifications and evidence Physical dimensions 77.6 × 160.7 × 7.85 mm Source location Display section > product column #19 (iPhone 14 Pro Max, id=ponGukYT) Verified on 2026-09-24 Native resolution 2796-by-1290-pixel resolution at 460 ppi Pixel density 2796-by-1290-pixel resolution at 460 ppi Diagonal size 6.7-inch (diagonal) all-screen OLED display 1 Physical dimensions 6.33 inches (160.7 mm); 3.05 inches (77.6 mm); 0.31 inch (7.85 mm)	430 × 932Unverified reference	1290 × 2796	3Unverified reference	6.7	460	Open source: Apple iPhone 14 Pro Max
iPhone 14 ProApple Specifications and evidence Physical dimensions 71.5 × 147.5 × 7.85 mm Source location Display section > product column #18 (iPhone 14 Pro, id=KYlix4hz) Verified on 2026-09-24 Native resolution 2556-by-1179-pixel resolution at 460 ppi Pixel density 2556-by-1179-pixel resolution at 460 ppi Diagonal size 6.1-inch (diagonal) all-screen OLED display 1 Physical dimensions 5.81 inches (147.5 mm); 2.81 inches (71.5 mm); 0.31 inch (7.85 mm)	393 × 852Unverified reference	1179 × 2556	3Unverified reference	6.1	460	Open source: Apple iPhone 14 Pro
iPhone 14 PlusApple Specifications and evidence Physical dimensions 78.1 × 160.8 × 7.8 mm Source location Display section > product column #21 (iPhone 14 Plus, id=dfiNN_qd) Verified on 2026-09-24 Native resolution 2778-by-1284-pixel resolution at 458 ppi Pixel density 2778-by-1284-pixel resolution at 458 ppi Diagonal size 6.7-inch (diagonal) all-screen OLED display 1 Physical dimensions 6.33 inches (160.8 mm); 3.07 inches (78.1 mm); 0.31 inch (7.80 mm)	428 × 926Unverified reference	1284 × 2778	3Unverified reference	6.7	458	Open source: Apple iPhone 14 Plus
iPhone 14Apple Specifications and evidence Physical dimensions 71.5 × 146.7 × 7.8 mm Source location Display section > product column #20 (iPhone 14, id=Z-14FYfp) Verified on 2026-09-24 Native resolution 2532-by-1170-pixel resolution at 460 ppi Pixel density 2532-by-1170-pixel resolution at 460 ppi Diagonal size 6.1-inch (diagonal) all-screen OLED display 1 Physical dimensions 5.78 inches (146.7 mm); 2.82 inches (71.5 mm); 0.31 inch (7.80 mm)	390 × 844Unverified reference	1170 × 2532	3Unverified reference	6.1	460	Open source: Apple iPhone 14
iPhone SE (3rd generation)Apple Specifications and evidence Physical dimensions 67.3 × 138.4 × 7.3 mm Source location Display section > product column #26 (iPhone SE (3rd generation), id=oOWv29Ub) Verified on 2026-09-24 Native resolution 1334-by-750-pixel resolution at 326 ppi Pixel density 1334-by-750-pixel resolution at 326 ppi Diagonal size 4.7-inch (diagonal) widescreen LCD display with IPS technology Physical dimensions 5.45 inches (138.4 mm); 2.65 inches (67.3 mm); 0.29 inch (7.3 mm)	375 × 667Unverified reference	750 × 1334	2Unverified reference	4.7	326	Open source: Apple iPhone SE (3rd generation)
iPhone 13 Pro MaxApple Specifications and evidence Physical dimensions 78.1 × 160.8 × 7.65 mm Source location Display section > product column #23 (iPhone 13 Pro Max, id=6dEqudaf) Verified on 2026-09-24 Native resolution 2778-by-1284-pixel resolution at 458 ppi Pixel density 2778-by-1284-pixel resolution at 458 ppi Diagonal size 6.7-inch (diagonal) all-screen OLED display 1 Physical dimensions 6.33 inches (160.8 mm); 3.07 inches (78.1 mm); 0.30 inch (7.65 mm)	428 × 926Unverified reference	1284 × 2778	3Unverified reference	6.7	458	Open source: Apple iPhone 13 Pro Max
iPhone 13 ProApple Specifications and evidence Physical dimensions 71.5 × 146.7 × 7.65 mm Source location Display section > product column #22 (iPhone 13 Pro, id=6SX_xJWQ) Verified on 2026-09-24 Native resolution 2532-by-1170-pixel resolution at 460 ppi Pixel density 2532-by-1170-pixel resolution at 460 ppi Diagonal size 6.1-inch (diagonal) all-screen OLED display 1 Physical dimensions 5.78 inches (146.7 mm); 2.82 inches (71.5 mm); 0.30 inch (7.65 mm)	390 × 844Unverified reference	1170 × 2532	3Unverified reference	6.1	460	Open source: Apple iPhone 13 Pro
iPhone 13Apple Specifications and evidence Physical dimensions 71.5 × 146.7 × 7.65 mm Source location Display section > product column #25 (iPhone 13, id=YrUsmImz) Verified on 2026-09-24 Native resolution 2532-by-1170-pixel resolution at 460 ppi Pixel density 2532-by-1170-pixel resolution at 460 ppi Diagonal size 6.1-inch (diagonal) all-screen OLED display 1 Physical dimensions 5.78 inches (146.7 mm); 2.82 inches (71.5 mm); 0.30 inch (7.65 mm)	390 × 844Unverified reference	1170 × 2532	3Unverified reference	6.1	460	Open source: Apple iPhone 13
iPhone 13 miniApple Specifications and evidence Physical dimensions 64.2 × 131.5 × 7.65 mm Source location Display section > product column #24 (iPhone 13 mini, id=idAq1s7A) Verified on 2026-09-24 Native resolution 2340-by-1080-pixel resolution at 476 ppi Pixel density 2340-by-1080-pixel resolution at 476 ppi Diagonal size 5.4-inch (diagonal) all-screen OLED display 1 Physical dimensions 5.18 inches (131.5 mm); 2.53 inches (64.2 mm); 0.30 inch (7.65 mm)	375 × 812Unverified reference	1080 × 2340	3Unverified reference	5.4	476	Open source: Apple iPhone 13 mini
iPhone 12 Pro MaxApple Specifications and evidence Physical dimensions 78.1 × 160.8 × 7.4 mm Source location Display section > product column #28 (iPhone 12 Pro Max, id=FBs9n5Xc) Verified on 2026-09-24 Native resolution 2778-by-1284-pixel resolution at 458 ppi Pixel density 2778-by-1284-pixel resolution at 458 ppi Diagonal size 6.7-inch (diagonal) all-screen OLED display 1 Physical dimensions 6.33 inches (160.8 mm); 3.07 inches (78.1 mm); 0.29 inch (7.4 mm)	428 × 926Unverified reference	1284 × 2778	3Unverified reference	6.7	458	Open source: Apple iPhone 12 Pro Max
iPhone 12 ProApple Specifications and evidence Physical dimensions 71.5 × 146.7 × 7.4 mm Source location Display section > product column #27 (iPhone 12 Pro, id=2M-Rc4gb) Verified on 2026-09-24 Native resolution 2532-by-1170-pixel resolution at 460 ppi Pixel density 2532-by-1170-pixel resolution at 460 ppi Diagonal size 6.1-inch (diagonal) all-screen OLED display 1 Physical dimensions 5.78 inches (146.7 mm); 2.82 inches (71.5 mm); 0.29 inch (7.4 mm)	390 × 844Unverified reference	1170 × 2532	3Unverified reference	6.1	460	Open source: Apple iPhone 12 Pro
iPhone 12Apple Specifications and evidence Physical dimensions 71.5 × 146.7 × 7.4 mm Source location Display section > product column #30 (iPhone 12, id=MI8sNeCz) Verified on 2026-09-24 Native resolution 2532-by-1170-pixel resolution at 460 ppi Pixel density 2532-by-1170-pixel resolution at 460 ppi Diagonal size 6.1-inch (diagonal) all-screen OLED display 1 Physical dimensions 5.78 inches (146.7 mm); 2.82 inches (71.5 mm); 0.29 inch (7.4 mm)	390 × 844Unverified reference	1170 × 2532	3Unverified reference	6.1	460	Open source: Apple iPhone 12
iPhone 12 miniApple Specifications and evidence Physical dimensions 64.2 × 131.5 × 7.4 mm Source location Display section > product column #29 (iPhone 12 mini, id=-KLt1wx-) Verified on 2026-09-24 Native resolution 2340-by-1080-pixel resolution at 476 ppi Pixel density 2340-by-1080-pixel resolution at 476 ppi Diagonal size 5.4-inch (diagonal) all-screen OLED display 1 Physical dimensions 5.18 inches (131.5 mm); 2.53 inches (64.2 mm); 0.29 inch (7.4 mm)	375 × 812Unverified reference	1080 × 2340	3Unverified reference	5.4	476	Open source: Apple iPhone 12 mini

Understanding Viewport Sizes

Viewport Basics

When designing for devices, it's important to understand the difference between viewport sizes and screen resolutions:

Viewport Size: The visible area in CSS pixels that your website can use
Screen Resolution: The actual number of physical pixels on the device
Device Pixel Ratio (DPR): The ratio between physical pixels and CSS pixels

Resolution Test

Design Considerations

Consider different screen sizes and densities
Consider various aspect ratios
Optimize for different orientations
Test on multiple devices
Consider foldable and dual-screen devices

Technical Implementation

Implement proper viewport meta tags
Use CSS media queries effectively
Consider safe area insets
Optimize for different DPR values

Frequently Asked Questions About Device Viewports

A CSS viewport is the area a browser uses to lay out a page. Native resolution counts the display panel’s physical pixels. DPR describes the scale between device and CSS pixels; dividing native resolution by DPR does not reliably give the browser viewport.

Different DPR values, system display scaling, and browser behavior can produce different CSS viewport widths even when physical resolutions are close.

Use this table as a reference for common real devices, then define flexible breakpoints by content behavior, not single models. Test key ranges like 360, 390, 412, 768, 820, 834, and 1024 CSS pixels.

Foldables can switch between cover and main displays with very different viewport ratios. Test both states and rotation, and avoid hard-coding layouts to one exact width.

The review date describes this batch, not a claim that every field was measured that day. Source details show the access date and the fields supported. CSS viewport and DPR references remain unverified unless a measurement is explicitly documented.