What is the viewport size of the Full HD (1080p)?

The Full HD (1080p) has a viewport size of 1920×1080 CSS pixels with a device pixel ratio of 1x. Its physical screen resolution is 1920×1080 pixels on a 24 inch display.

Which CSS breakpoint does the Full HD (1080p) use?

The Full HD (1080p) (1920px 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 Full HD (1080p)?

The Full HD (1080p) has a device pixel ratio (DPR) of 1x, meaning each CSS pixel is rendered using 1×1 = 1 physical pixels. This gives the display sharp, high-density rendering for text and images.

Monitor Generic

Full HD (1080p) Viewport Size

1920×1080 CSS pixels · 1920×1080 physical pixels · 1x DPR

Display Specifications

Viewport Width

1920px CSS pixels

Viewport Height

1080px CSS pixels

Physical Width

1920px hardware pixels

Physical Height

1080px hardware pixels

Device Pixel Ratio

1x 1 CSS px = 1×1 physical px

Colour Depth

24-bit 8-bit per channel

Screen Size

24 inch diagonal

Aspect Ratio

16:9

Operating System

Any

Release Year

2020

Touch Support

CSS Breakpoint Mapping

At 1920px wide, the Full HD (1080p) 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

4K UHD

1920×1080 · 2x DPR

2xl

QHD (1440p)

2560×1440 · 1x DPR

2xl

Ultrawide 34″

3440×1440 · 1x DPR

2xl

Dell U2723QE

1920×1080 · 2x DPR

2xl

Audit your site on Full HD (1080p)

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

Try Viewpo Free