iPad Pro 13 (M4) Viewport

The iPad Pro 13 (M4) has a logical CSS viewport size of 1032px width and 1376px 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 264 PPI, utilizing a high-DPI scaling factor for sharp rendering on iPadOS.

Technical Specifications

Logical Width (CSS)	1032px
Logical Height (CSS)	1376px
Operating System	iPadOS
Release Year	2024

CSS Media Query Snippet

/* Target iPad Pro 13 (M4) specifically */
@media only screen and (max-width: 1032px) {
  /* Responsive styles go here */
}

Frequently Asked Questions

What is the CSS resolution of iPad Pro 13 (M4)?

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

How do I target iPad Pro 13 (M4) in CSS?

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