Apple · iOS 18.0
@media (min-width: 393px) and (max-width: 393px)The iPhone 16 represents Apple's approach to mobile display technology in 2024. With a 460 PPI PPI density and 6.1 INCH screen, it sits in the premium tier of the market.
For web developers and designers, this device is a critical testing target because it represents millions of real users. Its 1179 x 2556 PX resolution and 393 x 852 PX CSS viewport define how your responsive layouts will render for this segment. Learn more about CSS pixels vs physical pixels and PPI explained.
With 460 PPI PPI, text and images render razor-sharp for comfortable reading and scrolling.
The 393 x 852 PX CSS viewport is a standard testing target for mobile app developers.
This device's 6.1 INCH screen size is where your mobile breakpoints should be tested.
Use this device to test animation smoothness at 60Hz Hz refresh rate.
See how the iPhone 16 stacks up against other phones:
What Is PPI and Why Does It Matter for Screens?
PPI is the single number that determines whether a screen looks razor-sharp or grainy. Learn how it is calculated and what it means for this device.
Read articleCSS Pixels vs Physical Pixels: The Complete Developer Guide
Your screen has millions of hardware dots. Your CSS has none of them. Learn how Device Pixel Ratio bridges the gap.
Read article