iPhone Duo Testerduoresponsive.com

iPhone Responsiveness Tester

Select an iPhone model from the sidebar to open its dedicated viewport simulator, or browse the device specs below.

AppleNewly Launched

iPhone 18 Pro Max

6.9" Super Retina XDR OLED ProMotion 120Hz

Viewport440 × 956 px
DPR / Scale3x
CSS Queryenv(safe-area-inset-top: 59px)
Test Device
AppleNewly Launched

iPhone 18 Pro

6.3" Super Retina XDR OLED ProMotion 120Hz

Viewport402 × 874 px
DPR / Scale3x
CSS Queryenv(safe-area-inset-top: 54px)
Test Device
Apple

iPhone 18 Plus

6.7" Super Retina XDR OLED 60Hz

Viewport430 × 932 px
DPR / Scale3x
CSS Queryenv(safe-area-inset-top: 59px)
Test Device
AppleNewly Launched

iPhone 18

6.1" Super Retina XDR with Dynamic Island

Viewport393 × 852 px
DPR / Scale3x
CSS Queryenv(safe-area-inset-top: 54px)
Test Device
AppleNewly Launched

iPhone 16 Pro Max

6.9" Super Retina XDR OLED ProMotion 120Hz

Viewport440 × 956 px
DPR / Scale3x
CSS Queryenv(safe-area-inset-top: 59px)
Test Device
AppleNewly Launched

iPhone 16 Pro

6.3" Super Retina XDR OLED ProMotion 120Hz

Viewport402 × 874 px
DPR / Scale3x
CSS Queryenv(safe-area-inset-top: 54px)
Test Device
Apple

iPhone 16 Plus

6.7" Super Retina XDR OLED

Viewport430 × 932 px
DPR / Scale3x
CSS Queryenv(safe-area-inset-top: 59px)
Test Device
Apple

iPhone 16

6.1" Super Retina XDR OLED

Viewport393 × 852 px
DPR / Scale3x
CSS Queryenv(safe-area-inset-top: 54px)
Test Device
Apple

iPhone 15 Pro Max

6.7" Super Retina XDR OLED ProMotion 120Hz

Viewport430 × 932 px
DPR / Scale3x
CSS Queryenv(safe-area-inset-top: 59px)
Test Device
AppleNewly Launched

iPhone 15 Pro

6.1" Super Retina XDR OLED ProMotion 120Hz

Viewport393 × 852 px
DPR / Scale3x
CSS Queryenv(safe-area-inset-top: 54px)
Test Device
Apple

iPhone 15

6.1" Super Retina XDR OLED with Dynamic Island

Viewport393 × 852 px
DPR / Scale3x
CSS Queryenv(safe-area-inset-top: 54px)
Test Device
Apple

iPhone 14 Pro Max

6.7" Super Retina XDR OLED ProMotion 120Hz

Viewport430 × 932 px
DPR / Scale3x
CSS Queryenv(safe-area-inset-top: 59px)
Test Device
Apple

iPhone 14 Pro

6.1" Super Retina XDR OLED ProMotion 120Hz

Viewport393 × 852 px
DPR / Scale3x
CSS Queryenv(safe-area-inset-top: 54px)
Test Device
Apple

iPhone 14

6.1" Super Retina XDR with Sensor Notch

Viewport390 × 844 px
DPR / Scale3x
CSS Queryenv(safe-area-inset-top: 47px)
Test Device
Apple

iPhone 13

6.1" Super Retina XDR OLED Notch

Viewport390 × 844 px
DPR / Scale3x
CSS Queryenv(safe-area-inset-top: 47px)
Test Device
Apple

iPhone 13 mini

5.4" Super Retina XDR OLED Notch

Viewport375 × 812 px
DPR / Scale3x
CSS Queryenv(safe-area-inset-top: 47px)
Test Device
Apple

iPhone SE (3rd Gen)

4.7" Retina HD with Home Button

Viewport375 × 667 px
DPR / Scale2x
CSS Querymax-width: 375px
Test Device
Expert Q&A

iPhone Responsiveness Testing FAQs

Key considerations for testing websites across the Apple iPhone lineup.

How do I test my website on different iPhone models?

Select any iPhone from the left sidebar to open its dedicated viewport simulator. You can enter your website URL and test how it renders in iOS Safari at that exact CSS viewport size.

What are the CSS safe area insets for modern iPhones?

Modern iPhones with Dynamic Island use env(safe-area-inset-top) (54–59px) for status bar clearance and env(safe-area-inset-bottom) for the home indicator. Always use these CSS environment variables in your layout to prevent content from being hidden under system UI.

Why does my website zoom in on iPhones?

iOS Safari auto-zooms when a focused input has font-size under 16px. Ensure all inputs use at least 16px font size to prevent unexpected viewport zoom on form interaction.

What is the difference between iPhone 18 Pro Max and iPhone SE viewports?

The iPhone 18 Pro Max has a 440×956px CSS viewport while the iPhone SE has 375×667px — a significant difference. Sites should test at both extremes to ensure layouts work at both narrow/compact and wide/tall proportions.