iPhone Duo Testerduoresponsive.com

iPad (10th Gen)

Standard mainstream iPad with all-screen design and USB-C port

820 × 1180 ptPhysical 1640 × 2360 pxDPR 2x10.9"
Auto
Live Presets:
Liquid Retina IPS Display·10.9" display·Aspect Ratio 41:59
min-width: 820px
Expert Q&A

iPad (10th Gen) Testing FAQs

Common questions about responsive web design on iPad (10th Gen).

What is the viewport size of the iPad (10th Gen)?

The iPad (10th Gen) has a CSS viewport of 820px × 1180px at 2x DPR. Physical resolution is 1640 × 2360 pixels.

Should I use a different layout for tablets vs phones?

Most sites use a single responsive layout with CSS Grid or Flexbox that adapts across both phone and tablet viewports. Target min-width: 768px for tablet-sized breakpoints. Tablets often benefit from multi-column layouts and sidebar navigation patterns.

How do iPads and Android tablets differ for web development?

iPads use Safari with consistent support for CSS variables and safe area insets. Android tablets use Chrome, which has better support for some newer CSS features. Both support the same CSS viewport units (dvh, svh) but may render fonts and shadows slightly differently.