iPad Screen Size, Viewport & iPhone Resolution Reference

Tool powered by Screen Sizes on Screen Sizes.

Apple screen size reference for iPad viewport, pixel dimensions, and iPhone 15 Pro Max specs. Compare iPad screen resolution, ratios, and device breakpoints.

What is an iPad Screen Size Reference?

Screen Sizes is an Apple device spec reference for iPad screen resolution, viewport width, pixel dimensions, and iPhone screen size lookups. Compare iPad models on one page, open individual iPhone entries such as the 15 Pro Max, and scan Mac or Watch values when planning responsive UI, screenshots, or icon exports. Keep one tab open instead of hunting fragmented spec sheets during design-dev handoff.

Core device spec reference features

Fast lookups for iPad viewport, iPhone screen size, and Apple breakpoints.
iPad compare view
Check iPad screen resolution, pixel dimensions, ratio, and viewport width in one table.
iPhone model pages
Look up models such as iPhone 15 Pro Max screen size, resolution, and logical viewport.
Viewport and pixel context
Separate logical viewport from physical pixels for CSS, mocks, and QA matrices.
Icon size references
Use icon-related dimensions to align visual assets with Apple ecosystem expectations.
Quick lookup flow
Scan essential values quickly instead of checking multiple fragmented resources.
Design-dev handoff support
Give both designers and developers a shared source for sizing discussions.
Planning-friendly information
Use as a baseline when creating mocks, test cases, and screenshot export plans.

How to use Screen Sizes

A straightforward workflow for product teams.

  1. Select your target device family

    Use iPad compare for resolution and viewport tables, or pick an iPhone model for screen size details.

  2. Check dimensions and viewport values

    Note pixel dimensions, screen ratio, and logical viewport before setting breakpoints or exports.

  3. Apply specs in design and implementation

    Update design files, CSS breakpoints, and QA checks with consistent sizing references.

Tips for better device-spec usage

Turn reference data into better decisions.
  • 01

    Design for ranges, not single devices

    Use specs to identify clusters of similar screens and reduce unnecessary one-off layouts.

  • 02

    Separate logical and physical pixels

    Keep viewport sizing decisions distinct from export-resolution decisions to avoid confusion.

  • 03

    Use consistent screenshot presets

    Create repeatable export templates based on your most important target devices.

  • 04

    Document assumptions in handoff

    Record which device references were used so design, dev, and QA stay aligned.

Great for cross-functional teams

Use cases where this reference saves time.

  • Responsive UI design

    Plan layouts with clearer expectations across Apple screen classes.

  • Frontend implementation

    Validate breakpoint choices and viewport behaviors during development.

  • QA test planning

    Define device coverage matrices with concrete dimension references.

  • App Store assets

    Prepare screenshot sizes with fewer trial-and-error export cycles.

  • Design system docs

    Maintain shared platform dimension guidelines for product teams.

Why this reference is useful

Practical gains in everyday product execution.

  • Faster decision making

    Get key values quickly while designing or coding without context switching.

  • Fewer sizing mistakes

    Reduce misaligned assets and layout assumptions across teams.

  • Cleaner handoffs

    Keep designers and developers aligned on concrete device references.

  • Better planning quality

    Build more consistent acceptance criteria for responsive behavior.

  • Lower rework cost

    Catch spec-related issues earlier before final build and QA cycles.

Frequently Asked Questions

Quick answers about this tool—open a question to read more.