Generic · desktop · 2020

Generic 27" 4K monitor (200% scaling) screen size

A 27-inch 3840x2160 UHD panel at 163 PPI, modeled at 200% scaling as commonly recommended: the CSS viewport is 1920x1080 with pixelRatio 2, so pages get Full HD layout dimensions rendered with Retina-class sharpness. Test it to verify 2x image assets, SVG icon crispness, and sub-pixel border behavior on high-DPI desktops.

CSS viewport
1920 × 1080
Physical pixels
3840 × 2160
Pixel ratio
2x
PPI
163
Screen size
27"

Media queries

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

Related devices