Tablet · iOS
iPad Mini viewport size
The iPad Mini has a viewport of 768 × 1024 CSS pixels and a device pixel ratio of 2, which makes about 1536 × 2048 physical pixels.
Viewport (portrait)
768 × 1024
Landscape
1024 × 768
Device pixel ratio
2
Screen resolution
1536 × 2048
Screenshot a website on the iPad Mini
CSS for the iPad Mini
Target this screen size in CSS (portrait):
@media (max-width: 768px) {
/* iPad Mini 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 768 px).
User agent
The user agent Chrome DevTools uses when it emulates the iPad Mini:
Mozilla/5.0 (iPad; CPU OS 18_5 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/18.5 Mobile/15E148 Safari/604.1Test your site on the iPad Mini
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 Mini?
What is the screen resolution of the iPad Mini?
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=768&viewport_height=1024&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