Apple · laptop · 2023

MacBook Pro 14-inch (M3) screen size

October 2023 MacBook Pro generation with M3-family chips and a 14.2-inch Liquid Retina XDR mini-LED panel at 120Hz ProMotion. The default 1512x982 viewport is a very common developer machine size, and the notch means full-screen web apps should avoid relying on the top ~32 logical pixels.

CSS viewport
1512 × 982
Physical pixels
3024 × 1964
Pixel ratio
2x
PPI
254
Screen size
14.2"

Media queries

Target this device (portrait)
@media only screen and (device-width: 1512px) and (device-height: 982px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
  /* styles */
}
Viewport width and up
@media (min-width: 1512px) {
  /* styles */
}
Viewport width and down
@media (max-width: 1512px) {
  /* styles */
}
From usKeychord— keyboard shortcuts for every app

Related devices