MacBook Pro 14" (M4) screen size
MacBook Pro 14" (M4): 14.2″ display, 3024 × 1964 resolution, 254 PPI, 1512 × 982 CSS viewport at DPR 2.
To proportion
14.2″
- Display size
- 14.2″ (36.1 cm) diagonal official
- Resolution
- 3024 × 1964 px official
- Pixel density
- 254 PPI official
- Aspect ratio
- 1.54:1 calculated
- Physical size (display)
- 11.91″ × 7.73″ (30.3 × 19.6 cm) calculated
- CSS viewport
- 1512 × 982 px reference
- Device pixel ratio
- 2 reference
- Release year
- 2024
For developers
/* MacBook Pro 14" (M4) — portrait */
@media (width: 1512px) and (min-resolution: 2dppx) { }
/* viewport: 1512 × 982 CSS px · DPR 2 · panel: 3024 × 1964 */Tailwind breakpoint
xl
1280px-1535px
Bootstrap breakpoint
xxl
1400px+
Image slot example
3024 × 1702
1512px wide at DPR 2
Test this device viewport
MacBook Pro 14" (M4) responsive workflow
Use the 1512 × 982 CSS px at DPR 2 as a real QA target, then pair it with nearby widths for regression testing.
Values marked official come from the manufacturer's specifications (source) ; calculated values are derived from them; reference values are standard developer references for this model.
Laptops with a similar screen size
Devices with a similar viewport
Related tools
- Screen Size Comparison Compare phone, tablet, laptop and monitor screens as proportional overlays — or against your own screen. True-size mode shows devices at real physical size.
- Viewport Size Checker See your browser's CSS viewport size and window size live. Updates as you resize — with current responsive breakpoint for developers.
- Responsive Breakpoint Checker Check the current responsive breakpoint live, compare Tailwind and Bootstrap defaults, and copy media queries for common viewport widths.
- Responsive Image Calculator Calculate responsive image export sizes from CSS pixels and DPR. Generate srcset, sizes and CSS image-set snippets for crisp images.
- Phone Screen Sizes Filterable chart of phone screen sizes: display inches, resolution, PPI, aspect ratio and viewport for iPhone, Samsung Galaxy, Pixel and more.
- PPI Calculator Calculate PPI from resolution and screen size. Instant results with the formula worked through your numbers, plus physical dimensions and dot pitch.