The iPhone 15 Pro Max viewport used by Mobile Preview is 430 × 932 CSS pixels in portrait and 932 × 430 in landscape. The camera is a Dynamic Island.
Size at a glance
| Portrait | 430 × 932 px |
|---|---|
| Landscape | 932 × 430 px |
| Aspect ratio (height / width) | 2.17 |
| Camera | Dynamic Island |
| Tailwind (portrait) | below sm (under 640px) |
| Tailwind (landscape) | md (768px and up) |
These are CSS (layout) pixels, the sizes used by the Mobile Preview frame. Real devices can differ slightly with the browser interface, the display zoom setting or the operating system version.
Test it in CSS
Prefer breakpoints based on your content over device-specific rules. If you need to reproduce this exact size, for example to debug a layout, this media query matches it in portrait:
@media (width: 430px) and (height: 932px) {
/* iPhone 15 Pro Max, portrait */
}The Dynamic Island cuts into the top of the screen in full-screen layouts. Add viewport-fit=cover to your viewport meta tag, then pad fixed headers with env(safe-area-inset-top) so nothing hides behind it.
Preview the iPhone 15 Pro Max in VS Code
The iPhone 15 Pro Max frame is part of Mobile Preview Pro (€6.99, one-time payment, no subscription). The free version includes the iPhone 16, iPhone 17 and iPhone 17 Pro Max. Install the extension, start your dev server, run “Mobile Preview: Show” and pick the iPhone 15 Pro Max from the device menu: your page appears in the frame next to your code and reloads when you save.
Similar widths
- iPhone 11 (414 × 896)
- iPhone 16 Pro Max (440 × 956)
- iPhone 17 Pro Max (440 × 956)
- iPhone 18 Pro Max (440 × 956)
- iPhone Air (420 × 912)
- Samsung Galaxy S26 Ultra (412 × 891)
Frequently asked questions
- What is the iPhone 15 Pro Max viewport size in CSS pixels?
- 430 × 932 in portrait (width × height) and 932 × 430 in landscape, as used by Mobile Preview. The physical screen has more pixels than this; CSS pixels are what your layout sees.
- Which Tailwind breakpoint does the iPhone 15 Pro Max fall in?
- With Tailwind's default breakpoints, the iPhone 15 Pro Max is below sm (under 640px) in portrait and md (768px and up) in landscape.
- Can I preview my site on the iPhone 15 Pro Max in VS Code?
- Yes. The iPhone 15 Pro Max frame is part of Mobile Preview Pro (€6.99, one-time payment). The free version includes the iPhone 16, iPhone 17 and iPhone 17 Pro Max.
All device sizes · FR · ES · PT · DE