iPad Pro 11 screen size and viewport
834 by 1210, the classic 11 inch iPad viewport. The bezels are the same 51 px as the 13 inch.
There is no cutout. The whole screen opening is yours. The viewport below is what Hoverify's responsive viewer renders the page at for this device, in CSS pixels. The frame image is that viewport plus the bezel, at 2 pixels per CSS pixel. Rows marked "in the frame image" are in those pixels, so they drop straight into Figma or Photoshop at the frame's full size.
- Viewport (CSS px)
- 834 × 1210
- Device pixel ratio
- 2
- Physical pixels at that ratio
- 1668 × 2420
- Operating system
- iPadOS
- Screen cutout
- None
- Status bar height
- 24 CSS px
- Navigation
- Gesture bar
- Screen corner radius
- 60 px in the frame image (30 CSS px)
- Frame image
- 1872 × 2624 px at 2× (936 × 1312 CSS px)
- Screen opening offset
- 102 px from the left, 102 px from the top in the frame image (51 and 51 CSS px)
- Finishes
- Space Black, Silver
iPad Pro 11 frame PNG and WebP download
The bare bezel with a transparent screen opening, one file per finish. The WebP is the file the Hoverify extension ships. The PNG is decoded from it in your browser when you click, and the pixels are identical. You can use both in personal and commercial work under the device frames license, and credit is optional.
Frequently Asked Questions
Have a question we haven't answered? Get in touch.
Test your live site on every device at once
The responsive viewer in Hoverify loads your page inside this frame at 834 × 1210, with Safari's bars drawn around it, next to every other device you have added. Scroll one and they all scroll. Capture a framed screenshot from the device header when it looks right.
- 3 browsers per license
- 14-day refund
- No auto-renewal

