iPhone SE (3rd gen) screen size
The iPhone SE (3rd gen) renders websites at 375×667 CSS pixels in portrait and 667×375 in landscape.
Viewport specs
| CSS viewport (portrait) | 375 × 667 px |
| CSS viewport (landscape) | 667 × 375 px |
| Aspect ratio | 0.562:1 |
| Breakpoint category | mobile |
| Device type | phone |
| Brand | Apple |
CSS media query for iPhone SE (3rd gen)
/* iPhone SE (3rd gen) — portrait */
@media (max-width: 375px) {
/* your styles */
}
/* iPhone SE (3rd gen) — landscape */
@media (max-width: 667px) and (orientation: landscape) {
/* your styles */
}Testing tips for iPhone SE (3rd gen)
Viewports this narrow are where layouts most often break: check that nothing scrolls sideways, buttons are at least 44px tall, and body text is 16px or larger.
Compare it against a tablet and a desktop width in the same view to catch breakpoint jumps — Responsivly's multi-view does this in one click.
FAQ
What is the iPhone SE (3rd gen) viewport size?
The iPhone SE (3rd gen) has a CSS viewport of 375×667 pixels in portrait orientation and 667×375 pixels in landscape.
What media query targets the iPhone SE (3rd gen)?
Use @media (max-width: 375px) for portrait styles, or @media (min-width: 375px) and (max-width: 375px) to target this exact width.
How do I test my website on the iPhone SE (3rd gen)?
Open Responsivly, paste your URL and pick iPhone SE (3rd gen) from the device list — it renders your site at 375×667 for free, no signup.