Tablet · iOS
iPad Pro 13 viewport size
The iPad Pro 13 has a viewport of 1032 × 1376 CSS pixels and a device pixel ratio of 2, which makes about 2064 × 2752 physical pixels.
Viewport (portrait)
1032 × 1376
Landscape
1376 × 1032
Device pixel ratio
2
Screen resolution
2064 × 2752
Screenshot a website on the iPad Pro 13
CSS for the iPad Pro 13
Target this screen size in CSS (portrait):
@media (max-width: 1032px) {
/* iPad Pro 13 and smaller */
}
@media (min-resolution: 2dppx) {
/* high-density screens: serve sharper images */
}Design for ranges, not single devices: many phones share the same viewport width (for example 1032 px).
User agent
The user agent Chrome DevTools uses when it emulates the iPad Pro 13:
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/18.5 Safari/605.1.15Test your site on the iPad Pro 13
In Chrome, open DevTools (F12), turn on device mode (Ctrl+Shift+M or ⌘+Shift+M) and pick the device from the Dimensions menu, or use the screenshot tool above to capture any page at this size.
Data from the device list built into Chrome DevTools (devtools-frontend, BSD license).
Frequently asked questions
What is the viewport size of the iPad Pro 13?
What is the screen resolution of the iPad Pro 13?
Why is the viewport smaller than the screen resolution?
Other devices
Screenshot API
Take screenshots from your code
screenshotbase renders any website in a real browser and returns the image: full page or viewport, any device size, retina, from 100+ countries, with cookie banners and ads hidden.
Read the docs300 free screenshots every month. No credit card required.
GET https://api.screenshotbase.com/v1/take?url=https://example.com&viewport_width=1032&viewport_height=1376&device_scale_factor=2
# Response: the image (PNG, JPG, WebP or GIF)
curl -G "https://api.screenshotbase.com/v1/take" \
--data-urlencode "url=https://example.com" \
-d viewport_width=1280 -d viewport_height=800 \
-d format=png \
-H "apikey: YOUR-API-KEY" \
-o screenshot.png