Apple • LAPTOP • 13.6"
MacBook Air 13" (M2 / M3) Viewport Size & CSS Resolution
The MacBook Air 13.6-inch display runs at an effective default CSS viewport of 1470 x 956 pixels at 2x DPR. Use the interactive simulator and verified CSS media queries below for pixel-perfect responsive frontends.
CSS Viewport1470 × 956px logical
Physical Screen2560 × 1664px native
Device Pixel Ratio2× DPRRetina scale
Aspect Ratio16:1013.6"
Brand & YearAppleReleased 2024
Tailwind Tierxlxl (>= 1280px)
Interactive Display Canvas Simulator
Simulates MacBook Air 13" (M2 / M3) canvas proportion (1470 × 956 CSS px)
9:41100%
MacBook Air 13" (M2 / M3)1470 × 956 px
DPR: 2x
16:10
Responsive Viewport
Ready-to-Use Developer Snippets
@media screen and (min-width: 1470px)
Frontend Design Best Practices
- One of the world's most widely used laptops by developers and web consumers.
- Comfortably sits in the 1280px to 1536px xl breakpoint tier.
CSS Viewport Specification
CSS Logical Width1470 px
CSS Logical Height956 px
Hardware Native Width2560 px
Hardware Native Height1664 px
Pixel Density (DPR)2×
Aspect Ratio16:10
Frequently Asked Questions About MacBook Air 13" (M2 / M3) Screen Dimensions
Frequently Asked Questions
Frequently Asked Questions
Everything you need to know regarding specifications, syntax, and security best practices.
The MacBook Air 13" has a default scaled resolution of 1470 x 956 CSS pixels.