1280 × 832
Aspect Ratio 20:13
Pixel Density 224 PPI

MacBook Air 13 (M3) Viewport

The MacBook Air 13 (M3) has a logical CSS viewport size of 1280px width and 832px height. Web designers and developers should use these dimensions to set accurate media query breakpoints for responsive layouts. This device features a pixel density of 224 PPI, utilizing a high-DPI scaling factor for sharp rendering on macOS.

Technical Specifications

Logical Width (CSS)1280px
Logical Height (CSS)832px
Operating SystemmacOS
Release Year2024
CSS Media Query Snippet 
/* Target MacBook Air 13 (M3) specifically */
@media only screen and (max-width: 1280px) {
  /* Responsive styles go here */
}

Frequently Asked Questions

What is the CSS resolution of MacBook Air 13 (M3)?

The logical CSS resolution is 1280px x 832px. Browsers use these dimensions to calculate layout flow and media queries, regardless of the physical pixel count.

How do I target MacBook Air 13 (M3) in CSS?

Use a standard media query like @media (max-width: 1280px) to apply specific styles for screens of this size or smaller.