Microsoft · laptop · 2021

Surface Laptop Studio screen size

Microsoft's convertible creator laptop with a pull-forward 14.4-inch 3:2 PixelSense Flow touchscreen: 2400x1600 at 201 PPI and 120Hz. At its default 150% scaling the CSS viewport is 1600x1067, tall for its width thanks to the 3:2 ratio. Worth testing for pen and touch interactions layered on top of an otherwise desktop-class layout.

CSS viewport
1600 × 1067
Physical pixels
2400 × 1600
Pixel ratio
1.5x
PPI
201
Screen size
14.4"

Media queries

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

Related devices