Apple • LAPTOP • 16.2"
MacBook Pro 16" Viewport Size & CSS Resolution
Apple MacBook Pro 16-inch Liquid Retina XDR screen renders at a default scaled CSS resolution of 1728 x 1117 pixels with 2x DPR. Use the interactive simulator and verified CSS media queries below for pixel-perfect responsive frontends.
CSS Viewport1728 × 1117px logical
Physical Screen3456 × 2234px native
Device Pixel Ratio2× DPRRetina scale
Aspect Ratio16:1016.2"
Brand & YearAppleReleased 2023
Tailwind Tier2xl2xl (>= 1536px)
Interactive Display Canvas Simulator
Simulates MacBook Pro 16" canvas proportion (1728 × 1117 CSS px)
9:41100%
MacBook Pro 16"1728 × 1117 px
DPR: 2x
16:10
Responsive Viewport
Ready-to-Use Developer Snippets
@media screen and (min-width: 1728px)
Frontend Design Best Practices
- Triggers Tailwind 2xl responsive breakpoint.
- Has camera housing notch; in full-screen mode, safe area insets apply.
- Check that hero graphics and max-width containers (max-w-7xl) do not look over-stretched.
CSS Viewport Specification
CSS Logical Width1728 px
CSS Logical Height1117 px
Hardware Native Width3456 px
Hardware Native Height2234 px
Pixel Density (DPR)2×
Aspect Ratio16:10
Frequently Asked Questions About MacBook Pro 16" Screen Dimensions
Frequently Asked Questions
Frequently Asked Questions
Everything you need to know regarding specifications, syntax, and security best practices.
The default scaled CSS viewport is 1728 x 1117 pixels at 2x DPR.