Apple • SMARTPHONE • 4.7"
iPhone SE (3rd Gen) Viewport Size & CSS Resolution
The iPhone SE (3rd Gen) retains the traditional home button form factor with a 375 x 667 CSS viewport and 2x DPR. Use the interactive simulator and verified CSS media queries below for pixel-perfect responsive frontends.
CSS Viewport375 × 667px logical
Physical Screen750 × 1334px native
Device Pixel Ratio2× DPRRetina scale
Aspect Ratio16:94.7"
Brand & YearAppleReleased 2022
Tailwind TierDefaultDefault Mobile (< 640px)
Interactive Display Canvas Simulator
Simulates iPhone SE (3rd Gen) canvas proportion (375 × 667 CSS px)
9:41100%
iPhone SE (3rd Gen)375 × 667 px
DPR: 2x
16:9
Responsive Viewport
Ready-to-Use Developer Snippets
@media screen and (max-width: 375px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait)
Frontend Design Best Practices
- No top notch or dynamic island; standard status bar is 20px.
- Critical benchmark for small-screen mobile usability and vertical overflow.
CSS Viewport Specification
CSS Logical Width375 px
CSS Logical Height667 px
Hardware Native Width750 px
Hardware Native Height1334 px
Pixel Density (DPR)2×
Aspect Ratio16:9
Frequently Asked Questions About iPhone SE (3rd Gen) Screen Dimensions
Frequently Asked Questions
Frequently Asked Questions
Everything you need to know regarding specifications, syntax, and security best practices.
The iPhone SE has a CSS viewport of 375 x 667 pixels at 2x DPR.