Effective Viewport

Apple iPad Pro 13" (M5) / Split View (½)

Add to DevTools

Replace built-in DevTools device presets with this measured layout viewport from our open dataset. Open Settings F1 → Devices → Add custom device, then paste the values below.

  • Device name[EV] Apple iPad Pro 13" (M5) / Split View (½) · safari · estimate
  • Width683
  • Height954
  • DPR2
  • TypeMobile
  • User agent stringMozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36

Use in Figma

Use the measured layout viewport as your Figma frame size, not the marketing screen resolution.

  1. Press F or choose the Frame tool
  2. Set width and height in the Design panel
  3. Rename the frame using the suggested name below
  • Frame name[EV] Apple iPad Pro 13" (M5) / Split View (½) · safari · estimate
  • Width683
  • Height954

About this device

Released
May 7, 2024
Hardware
M5
Screen
683×1032 CSS px · DPR 2

About

Why this exists

For years, these numbers were a mystery for developers, designers, and testers. We parroted screen sizes from spec sheets while users were experiencing something completely different in the browser — and nobody had those viewports in one place.

I measure those scenarios on real hardware and simulators and publish them here — viewports you can copy into DevTools, use in Figma, and test automation. The dataset keeps growing and updates when OS or browser UI changes.

Load a URL in the preview, browse the catalog, or share it if the tool helped you.

Privacy policy