Applesmartphone2022
Apple iPhone 14 PRO MAX
Complete CSS viewport dimensions, device pixel ratio, physical screen specs, and downloadable high-resolution transparent mockup.
CSS Viewport
428 × 928px
Physical Resolution
1290 × 2796px
Device Pixel Ratio
@3xDPR
Diagonal Screen
6.7"(17.02 cm)
Aspect Ratio
19.5:9
Pixel Density
460PPI
Hardware & System Profile
Operating SystemiOS 16.0
Rotation SupportedYes (Portrait & Landscape)
Network Simulation5G
Screen CurvatureFlat Display
Device User-Agent String
Use this string in Chrome DevTools or curl to simulate this exact device.
Mozilla/5.0 (iPhone; CPU iPhone OS 16_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.0 Mobile/15E148 Safari/604.1
CSS Media Query
Target Apple iPhone 14 PRO MAX precisely with CSS media rules.
Portrait Mode
@media only screen
and (min-device-width: 428px)
and (max-device-width: 428px)
and (-webkit-min-device-pixel-ratio: 3) {
/* Apple iPhone 14 PRO MAX (Portrait) */
}Landscape Mode
@media only screen
and (min-device-width: 928px)
and (max-device-width: 928px)
and (-webkit-min-device-pixel-ratio: 3) {
/* Apple iPhone 14 PRO MAX (Landscape) */
}Free Chrome Extension
Test your website on Apple iPhone 14 PRO MAX in 1 click
Install the Responsive Viewer extension to simulate Apple iPhone 14 PRO MAX's 428×928 viewport and DPR directly on any active browser tab.