MacBook Pro 14" (M4) screen size
MacBook Pro 14" (M4): 14.2″, 3024 × 1964, 254 PPI, 1512 × 982 reference scaled workspace at DPR 2.
To proportion
14.2″
- Display size
- 14.2″ (36.1 cm) diagonalofficial
- Resolution
- 3024 × 1964 pxofficial
- Pixel density
- 254 PPIofficial
- Aspect ratio
- 1.54:1calculated
- Physical size (display)
- 11.91″ × 7.73″ (30.3 × 19.6 cm)calculated
- Scaled workspace
- 1512 × 982 pxreference
- Device pixel ratio
- 2reference
- Release year
- 2024
For developers
/* MacBook Pro 14" (M4) — scaled workspace reference */
logical workspace: 1512 × 982
panel: 3024 × 1964 · DPR 2
/* Measure the live browser viewport before writing breakpoints. */Tailwind breakpoint
xl
1280px-1535px
Bootstrap breakpoint
xxl
1400px+
Image slot example
3024 × 1702
1512px wide at DPR 2
Responsive testing plan
MacBook Pro 14" (M4) responsive workflow
Use the 1512 × 982 scaled workspace reference at DPR 2 as a real QA target, then pair it with nearby widths for regression testing.
Values marked official come from manufacturer specifications; calculated values are derived from them; reference values are developer layout references and can vary with browser, zoom and operating-system settings.
Sources: Apple Support · Facts reviewed 2026-08-06
Laptops with a similar screen size
Devices with a similar viewport
Related tools
- Device Screen SizesBrowse sourced screen sizes, resolutions, CSS viewports, DPR and PPI for phones, tablets and laptops, with links to model-level specifications.
- Laptop Screen SizesCompare sourced laptop screen sizes, native resolutions, scaled workspace references, aspect ratios and PPI, with practical responsive testing guidance.
- Screen Size ComparisonCompare 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 CheckerSee your browser's CSS viewport size and window size live. Updates as you resize — with current responsive breakpoint for developers.
- Responsive Breakpoint CheckerCheck the current responsive breakpoint live, compare Tailwind and Bootstrap defaults, and copy media queries for common viewport widths.
- Responsive Image CalculatorCalculate responsive image export sizes from CSS pixels and DPR. Generate srcset, sizes and CSS image-set snippets for crisp images.
- PPI CalculatorCalculate PPI from resolution and screen size. Instant results with the formula worked through your numbers, plus physical dimensions and dot pitch.