iPad 9 vs Galaxy Tab A9+: screen size and viewport
The iPad 9 lays web pages out at 810 × 1080 CSS px with a pixel ratio of 2; the Galaxy Tab A9+ at 800 × 1280 with 1.5. The iPad 9 is 10 px wider, and the Galaxy Tab A9+ is 200 px taller. The iPad 9 has more physical pixels, but that only makes it sharper: the CSS viewport decides how much of a page fits.
The two screens side by side
Specs compared
| Spec | iPad 9 | Galaxy Tab A9+ | Difference |
|---|---|---|---|
| Viewport, portrait (CSS px) | 810 × 1080 | 800 × 1280 | +10 px wide, −200 px tall |
| Device pixel ratio | 2 | 1.5 | +0.5 for the iPad 9 |
| Physical resolution | 1620 × 2160 | 1200 × 1920 | iPad 9: 52% more pixels |
| Aspect ratio | 4:3 | 16:10 | Galaxy Tab A9+ is taller |
| Visible height, portrait, with browser bars | ~1006 px | ~1152 px | −146 px for the iPad 9 |
| Landscape width (CSS px) | 1080 px | 1280 px | −200 px for the iPad 9 |
| Visible height, landscape | ~736 px | ~720 px | +16 px for the iPad 9 |
| First released | 2019 | 2021 | 2 years apart |
| Engine in MobileCheck | WebKit (Safari) | Chromium (Chrome) | different engines |
CSS px are the units media queries see. Visible heights subtract the status bar and the Safari on iPadOS and Chrome on Android bars as set in our device profiles; real bar heights vary with settings and scrolling. The release year is that of the first model with each screen.
What this means for your layout
How the width difference affects your layout
The iPad 9 is 10 CSS px wider (810 vs 800, 1% more). No common breakpoint falls between 800 and 810 px, so with typical media queries both get the same layout and the extra 10 pixels only stretch fluid columns, text lines and images.
In a 3-column card grid with 16 px page padding and 16 px gaps, each card is 248 px wide on the iPad 9 and 245 px on the Galaxy Tab A9+. Check that buttons, prices and long words still fit in the narrower one.
Pixel density and image sizes
The iPad 9 has the denser screen: 2× against 1.5×. A full-width image (sizes="100vw") needs about 1620 px on the iPad 9 and 1200 px on the Galaxy Tab A9+ to look sharp.
With a srcset such as 640w, 828w, 1080w, 1290w, 1440w, 1640w, 2048w, the browser would normally pick the 1640w file on the iPad 9 and the 1290w file on the Galaxy Tab A9+. Leave out the 1640w candidate and the iPad 9 upscales a smaller file.
The Galaxy Tab A9+'s ratio of 1.5 is fractional: one CSS pixel isn't a whole number of device pixels, so 1 px borders and hairlines can be rounded unevenly. Check thin lines on that screen rather than assuming they match.
How much fits above the fold
On first load about 1152 px of the page is visible on the Galaxy Tab A9+ and 1006 px on the iPad 9: 146 px less (15%) on the iPad 9, roughly 6 lines of 16 px body text at a 1.5 line height.
If your main button sits just above the fold on the Galaxy Tab A9+, it can end up below it on the iPad 9. Keep the headline and the main action within the first 1006 px, and size full-screen sections with 100svh rather than 100vh — see the 100vh problem on mobile.
Relative to its width, the Galaxy Tab A9+ has the taller screen (4:3 vs 16:10), so the same content is laid out narrower but more of its length fits at once.
In landscape
Turned sideways, the iPad 9 is 1080 px wide and the Galaxy Tab A9+ 1280 px; (min-width: 1200px), (min-width: 1280px) match only the Galaxy Tab A9+ in landscape. The visible height drops to about 736 and 720 px, so a 64 px sticky header covers 9% and 9% of the screen — under the 25% at which MobileCheck flags fixed bars covering the page.
Different browser engines
The iPad 9 renders with WebKit (Safari's engine) and the Galaxy Tab A9+ with Chromium (Chrome's), so fonts, form controls and some CSS can differ on top of the size difference. Chrome DevTools draws every emulated device with Chromium, which hides WebKit-only problems — see how to test on an iPhone and on Android.
More about these devices
- iPad 9 viewport size
- Galaxy Tab A9+ viewport size — one screen for the Galaxy Tab A8 / A9+
Or open the free check with the iPad 9 and the Galaxy Tab A9+ preselected: full-page screenshots in WebKit and Chromium, with problems such as small text and crowded buttons highlighted.
Related comparisons
- iPad 9 vs iPad 10 — 810 vs 820 px wide, 2× vs 2×
- Galaxy Tab S9 vs Galaxy Tab A9+ — both 800 px wide, 1280 vs 1280 px tall
Compare other devices → · All mobile viewport sizes →
Frequently asked questions
Is the iPad 9 screen bigger than the Galaxy Tab A9+?
In CSS pixels, which decide how much of a page fits, the Galaxy Tab A9+ is larger: 800 × 1280 against 810 × 1080. The iPad 9 has more physical pixels (1620 × 2160), which makes it sharper rather than roomier.
Do I need different CSS for the iPad 9 and the Galaxy Tab A9+?
Usually not. No common breakpoint falls between their widths (800 and 810 px), so a fluid layout gets the same rules on both and only stretches by 10 px.
How much of a web page is visible on the iPad 9 vs the Galaxy Tab A9+?
About 810 × 1006 CSS px on the iPad 9 and 800 × 1152 on the Galaxy Tab A9+ when a page first opens in portrait, after the status bar and the browser's bars. Bar heights are our device profiles' estimates.