Apple iPhone 16 Pro: Screen Size & CSS Viewport

The iPhone 16 Pro introduced Camera Control — a dedicated hardware button on the right edge of the phone that activates and controls the camera. While this is primarily a hardware input, it creates a secondary touch zone on the right edge of the device that users interact with more frequently, shifting thumb position patterns.

For web developers the more important point is the 402px CSS viewport width, which this Pro shares with the iPhone 17 standard model. This makes 402px a stable Apple design target spanning at least two product generations — a strong signal to add it as a named breakpoint in your stylesheet.

ProMotion on the iPhone 16 Pro (and Pro Max) means that developers testing their sites on these devices will see animations at 120 Hz, while users on the standard iPhone 16 see them at 60 Hz. If you develop primarily on a Pro model, budget adequate testing time on a standard-refresh device to catch animations that look fluid on ProMotion but appear sluggish or choppy at 60 Hz. This disparity affects CSS animations, canvas, and WebGL content equally.