Microsoft · laptop · 2024

Surface Laptop 6 (13.5") screen size

Business-focused Copilot+ era Surface with the same 3:2 PixelSense touch panel as its predecessor: 2256x1504 at 201 PPI, run at 150% scaling for a 1504x1003 CSS viewport. The tall 3:2 aspect ratio is a useful counterpoint to 16:9 test matrices — layouts that assume shallow laptop viewports show their cramped spots here.

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

Ports

  • thunderbolt 4 — USB4/Thunderbolt 4 (USB-C); charging also via Surface Connect
  • usb a — USB 3.1
  • headphone jack

Source: support.microsoft.com

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 */
}
From usKeychord— keyboard shortcuts for every app

Related devices