iPhone SE viewport — 375 × 667 CSS px
A compact preset for dense mobile interfaces. Its limited height helps reveal how much space the header and first form screen consume.
- Default viewport
- 375 × 667 CSS px
- Portrait
- 375 × 667 CSS px
- Landscape
- 667 × 375 CSS px
- Category
- iPhone
- Preset DPR (reference only)
- 2
What this viewport size means
375 × 667 represents the preset browser viewport in CSS pixels, not necessarily the physical display resolution. DPR 2 is reference metadata: the tester does not change pixel density or emulate the device OS or browser engine.
Portrait and landscape
After rotation, available height becomes especially important. An open menu or dialog can occupy most of the viewport; make sure its lower controls remain reachable by scrolling.
What to check
Start with a long heading, price and primary button. Remove fixed field widths if they exceed their container. Check that a consent banner does not cover the action and navigation does not require horizontal scrolling.
How to test this size
Open the tester, enter a URL and select “Test website”. In the workspace, choose “Add device” and select iPhone SE if it is not already active. Its default size is 375 × 667 CSS px. Rotate swaps the dimensions. The link below opens the tester without automatically selecting a preset.