Microsoft · laptop · 2022

Surface Laptop 5 (13.5") screen size

Microsoft's mainstream premium Windows laptop with a 3:2 PixelSense IPS touchscreen (2256x1504). Windows ships it at 150% scaling, yielding an unusual 1504px-wide CSS viewport — taller than typical 16:9 laptops, so more content is visible above the fold. Worth testing because the 3:2 Surface family is common in enterprise and education fleets.

CSS viewport
1504 × 1003
Physical pixels
2256 × 1504
Pixel ratio
1.5x
PPI
201
Screen size
13.5"

Media queries

Target this device (portrait)
@media only screen and (device-width: 1504px) and (device-height: 1003px) and (-webkit-device-pixel-ratio: 1.5) and (orientation: portrait) {
  /* styles */
}
Viewport width and up
@media (min-width: 1504px) {
  /* styles */
}
Viewport width and down
@media (max-width: 1504px) {
  /* styles */
}

Related devices