Find Apple screen sizes and design specs quickly
Reference Apple device screen sizes, viewport dimensions, pixel resolutions, and icon specs for iPhone, iPad, Mac, and Apple Watch design workflows.
What is Screen Sizes?
Screen Sizes is a practical device-spec lookup tool focused on Apple products. It helps teams quickly check screen dimensions, viewport references, and related asset sizing details while designing interfaces, building responsive layouts, or preparing QA checks. Instead of searching specs one by one, you can keep a single reference open during product work.
Core reference features
Designed for fast lookups during design and development.
Find common display specifications across iPhone, iPad, Mac, and Apple Watch categories.
Review both logical and pixel-based dimensions for practical responsive implementation.
Use icon-related dimensions to align visual assets with Apple ecosystem expectations.
Scan essential values quickly instead of checking multiple fragmented resources.
Give both designers and developers a shared source for sizing discussions.
Use as a baseline when creating mocks, test cases, and screenshot export plans.
How to use Screen Sizes
A straightforward workflow for product teams.
Start with iPhone, iPad, Mac, or Apple Watch based on your product surface.
Use listed specs to decide layout behavior, breakpoints, and screenshot framing.
Update design files, CSS breakpoints, and QA checks with consistent sizing references.
Tips for better device-spec usage
Turn reference data into better decisions.
Use specs to identify clusters of similar screens and reduce unnecessary one-off layouts.
Keep viewport sizing decisions distinct from export-resolution decisions to avoid confusion.
Create repeatable export templates based on your most important target devices.
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.
Plan layouts with clearer expectations across Apple screen classes.
Validate breakpoint choices and viewport behaviors during development.
Define device coverage matrices with concrete dimension references.
Prepare screenshot sizes with fewer trial-and-error export cycles.
Maintain shared platform dimension guidelines for product teams.
Why this reference is useful
Practical gains in everyday product execution.
Get key values quickly while designing or coding without context switching.
Reduce misaligned assets and layout assumptions across teams.
Keep designers and developers aligned on concrete device references.
Build more consistent acceptance criteria for responsive behavior.
Catch spec-related issues earlier before final build and QA cycles.
Technical details
How teams typically use this reference data.
Device family selection and spec lookup from Apple-focused screen reference tables.
Compare dimensions, viewport values, and icon sizing information for planning and implementation.
Actionable size references for design files, CSS breakpoints, screenshots, and QA matrices.
Frequently Asked Questions
Have questions? We have answers.