Generic · desktop · 2020

Generic 27" 1440p monitor screen size

The enthusiast and professional sweet spot: a 27-inch 2560x1440 IPS panel at 100% scaling, 109 PPI. QHD is the second most common desktop resolution among developers and gamers, offering a 2560px-wide CSS viewport that stresses max-width containers and reveals how layouts handle generous horizontal space at 1x pixel density.

CSS viewport
2560 × 1440
Physical pixels
2560 × 1440
Pixel ratio
1x
PPI
109
Screen size
27"

Media queries

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

Related devices