What is the viewport size of the LG UltraFine 5K?

The LG UltraFine 5K has a viewport size of 2560×1440 CSS pixels with a device pixel ratio of 2x. Its physical screen resolution is 5120×2880 pixels on a 27 inch display.

Which CSS breakpoint does the LG UltraFine 5K use?

The LG UltraFine 5K (2560px wide) falls into the "2xl" breakpoint in Tailwind CSS, "xxl" in Bootstrap 5, and "xl" in Material UI.

What is the device pixel ratio of the LG UltraFine 5K?

The LG UltraFine 5K has a device pixel ratio (DPR) of 2x, meaning each CSS pixel is rendered using 2×2 = 4 physical pixels. This gives the display sharp, high-density rendering for text and images.

Monitor LG

LG UltraFine 5K Viewport Size

2560×1440 CSS pixels · 5120×2880 physical pixels · 2x DPR

Display Specifications

Viewport Width

2560px CSS pixels

Viewport Height

1440px CSS pixels

Physical Width

5120px hardware pixels

Physical Height

2880px hardware pixels

Device Pixel Ratio

2x 1 CSS px = 2×2 physical px

Colour Depth

30-bit HDR / 10-bit per channel

Screen Size

27 inch diagonal

Aspect Ratio

16:9

Operating System

macOS / Windows

Release Year

2020

Touch Support

CSS Breakpoint Mapping

At 2560px wide, the LG UltraFine 5K falls into these CSS framework breakpoints:

Tailwind CSS v4

2xl

min-width: 1536px

Bootstrap 5

xxl

min-width: 1400px

Material UI v6

min-width: 1536px

Related Devices

Apple Studio Display

2560×1440 · 2x DPR

2xl

QHD (1440p)

2560×1440 · 1x DPR

2xl

iMac 24″ M4

2048×1152 · 2x DPR

2xl

Apple Pro Display XDR

3200×1800 · 2x DPR

2xl

Audit your site on LG UltraFine 5K

See how your site looks at 2560×1440 — Viewpo takes real browser screenshots and checks for responsive design issues.

Try Viewpo Free