iPhone 14 viewport — 390 × 844 CSS px
A useful reference size for a mobile catalog and product cards. Compare it with the smaller iPhone SE preset to spot changes in line wrapping.
- Default viewport
- 390 × 844 CSS px
- Portrait
- 390 × 844 CSS px
- Landscape
- 844 × 390 CSS px
- Category
- iPhone
- Preset DPR (reference only)
- 3
What this viewport size means
390 × 844 represents the preset browser viewport in CSS pixels, not necessarily the physical display resolution. DPR 3 is reference metadata: the tester does not change pixel density or emulate the device OS or browser engine.
Portrait and landscape
The wider landscape area may fit more columns. Check that the column count follows the needs of the content rather than assumptions about the device name.
What to check
Inspect a card with a long product name and several price states. Images should fit their container and option selectors should wrap without clipping. Compare cards with short and long descriptions for uneven heights.
How to test this size
Open the tester, enter a URL and select “Test website”. In the workspace, choose “Add device” and select iPhone 14 if it is not already active. Its default size is 390 × 844 CSS px. Rotate swaps the dimensions. The link below opens the tester without automatically selecting a preset.