Viewport sizes

iPad viewport sizes in CSS pixels

An iPad is neither a big phone nor a small laptop. Its portrait widths sit either side of the breakpoints most sites use for “tablet”, and its windows can be resized. Here are the numbers for every iPad Apple sells in November 2026, and what to test.

Updated 10 November 2026

Short answerFull screen in portrait, a page is 756 px wide on the current iPad mini, 820 px on iPad (A16) and iPad Air 11-inch, 834 px on iPad Pro 11-inch, 1024 px on iPad Air 13-inch and 1032 px on iPad Pro 13-inch. In landscape the range is 1158 to 1376 px. Every iPad is 2×. Safari’s window can also be much narrower than the screen: Split View has allowed that for years, and since iPadOS 26 any app window can be resized.

The iPads Apple sells today

This is the line-up on Apple’s site on 10 November 2026. Sizes are full screen, in CSS pixels.

Model	Portrait	Landscape	Screen pixels
iPad mini (A20 Pro), 8.5-inch	756 × 1158	1158 × 756	1512 × 2316
iPad (A16), 11-inch	820 × 1180	1180 × 820	1640 × 2360
iPad Air 11-inch (M4)	820 × 1180	1180 × 820	1640 × 2360
iPad Air 13-inch (M4)	1024 × 1366	1366 × 1024	2048 × 2732
iPad Pro 11-inch (M5)	834 × 1210	1210 × 834	1668 × 2420
iPad Pro 13-inch (M5)	1032 × 1376	1376 × 1032	2064 × 2752

The screen pixels are from Apple’s technical specifications. Every iPad has a scale factor of 2, so the CSS size is half the pixel size and devicePixelRatio is 2. The 8.5-inch iPad mini is new this autumn and many device lists still show its predecessor’s 744 × 1133.

Older iPads still in use

Viewport (CSS px)	Models
744 × 1133	iPad mini (6th generation), iPad mini (A17 Pro)
768 × 1024	9.7-inch iPads, including iPad (5th and 6th generation) and iPad Air 2, and iPad mini (1st to 5th generation)
810 × 1080	iPad (7th, 8th and 9th generation)
820 × 1180	iPad (10th generation), iPad Air (4th and 5th generation), iPad Air 11-inch (M2, M3)
834 × 1112	iPad Air (3rd generation), iPad Pro 10.5-inch
834 × 1194	iPad Pro 11-inch (1st to 4th generation)
1024 × 1366	iPad Pro 12.9-inch (all generations), iPad Air 13-inch (M2, M3)

The classic 768 × 1024 iPad that many “tablet” breakpoints were written for is now only found on old hardware. No iPad Apple sells today is 768 px wide.

The window is not always the screen

The tables give the full-screen size. Split View and Stage Manager have long let Safari share the screen, and on iPadOS 26 and later every app runs in a window: you drag a corner to resize one, or drag a second app to the edge of the screen to put two side by side and move the bar between them. Safari’s page reflows to the window, so on an iPad your page can be anything from phone-narrow up to the full width, and it changes while the page is open.

Expect your phone layout to appear on iPads. It should work with a trackpad pointer as well as a finger.
A resize fires an ordinary resize event without reloading the page, so layouts that measure once at load go wrong.
Use the full-screen sizes for testing, not as the only widths an iPad can have.

What makes an iPad different

It usually asks for the desktop site. Since iPadOS 13, Safari on the 11-inch and 13-inch iPads requests desktop websites by default and sends a Mac user agent, so server-side “is this a tablet?” checks don’t see an iPad. Apple leaves the iPad mini on mobile sites by default because of its size. Either way, rely on the layout and on feature queries, not the user agent.
It is a touch screen that sometimes has a trackpad. Don’t infer the input from the width. Gate hover menus on @media (hover: hover) and (pointer: fine) and make sure nothing can only be reached by hovering.
Portrait sits either side of your breakpoints. The iPad mini (744 or 756 px) is below a 768 px breakpoint, so it gets the phone layout on many sites. The iPad Air 13-inch is exactly 1024 px. The table in CSS breakpoints for iPhone and iPad shows where each one lands.
Landscape gets your desktop layout. At 1158 to 1376 px wide most sites serve the full desktop design to a device used with fingers. Check that tap targets are at least 44 × 44 points and that menus open on tap.

How to test iPad sizes

A real iPad. Rotate it and resize the Safari window with the page open.
Xcode’s Simulator (free, needs a Mac). Every current iPad with real Safari.
Desktop browser devtools. Enter the sizes from the table as custom sizes. Built-in “iPad” presets are often older models, so check their numbers.
On an iPhone or iPad you have with you, a viewport app such as ViewPortal (below).

Checking iPad sizes in ViewPortal

ViewPortal has iPad presets for iPad mini (744 × 1133, the previous model), iPad 11-inch (820 × 1180, also the iPad Air 11-inch), iPad Pro 11-inch (834 × 1210) and iPad Pro 13-inch (1032 × 1376), each in portrait or landscape. Add custom sizes for the new iPad mini (756 × 1158) and the iPad Air 13-inch (1024 × 1366). It runs on iPhone as well as iPad, so you can check the iPad layout of a page from your phone, and at tablet sizes it sends a desktop Safari user agent, as Safari on the larger iPads does. That includes the iPad mini preset, so if your server sends different HTML by user agent, check the iPad mini in Safari. On an iPad, multi-view shows phone, tablet and desktop widths of the same page side by side.

The limits: the presets are full-screen sizes, so the height doesn’t allow for Safari’s tab bar, and ViewPortal uses the iOS web engine without being Safari. Use it for widths, breakpoints and orientation, and check the final result on a real iPad when you can. ViewPortal is free to download, with no accounts and no tracking. Multi-view, dev-server previews and the dev tools are in Pro, a one-time £4.99 unlock.

ViewPortal on the App Store

Questions people ask

What is the viewport width of an iPad?

Full screen in portrait: 756 px on the current iPad mini, 820 px on iPad (A16) and iPad Air 11-inch, 834 px on iPad Pro 11-inch, 1024 px on iPad Air 13-inch and 1032 px on iPad Pro 13-inch. In landscape those become 1158, 1180, 1210, 1366 and 1376 px.

What is the iPad mini viewport size?

756 × 1158 CSS pixels on the 8.5-inch iPad mini (A20 Pro), from Apple’s 1512 × 2316 pixel screen at 2×. The 8.3-inch iPad mini (6th generation and A17 Pro) is 744 × 1133.

What is the iPad Pro 13-inch viewport size?

1032 × 1376 CSS pixels on the M4 and M5 iPad Pro 13-inch. The iPad Air 13-inch and the older 12.9-inch iPad Pro are 1024 × 1366.

Is an iPad 768 pixels wide?

Only older ones: the 9.7-inch iPads and the iPad mini up to the 5th generation. No iPad Apple sells today is 768 px wide. The closest are the iPad mini at 756 px and iPad (A16) at 820 px.

Does Safari on iPad load the mobile or desktop site?

The desktop site on the 11-inch and 13-inch models. Since iPadOS 13, Safari there requests desktop websites by default and identifies as a Mac, so user-agent checks don’t detect it. The iPad mini gets mobile sites by default. You can change either under Settings, Apps, Safari, Request Desktop Website. Responsive layouts follow the viewport width in both cases.

What is the device pixel ratio of an iPad?

2 on every iPad with a Retina display, which is every model Apple sells today.