What is the viewport size of the HP Spectre x360 14?

The HP Spectre x360 14 has a viewport size of 1920×1280 CSS pixels with a device pixel ratio of 1.5x. Its physical screen resolution is 2880×1920 pixels on a 14 inch display.

Which CSS breakpoint does the HP Spectre x360 14 use?

The HP Spectre x360 14 (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 HP Spectre x360 14?

The HP Spectre x360 14 has a device pixel ratio (DPR) of 1.5x, meaning each CSS pixel is rendered using 1.5×1.5 = 2 physical pixels. This gives the display sharp, high-density rendering for text and images.

Laptop HP Current

HP Spectre x360 14 Viewport Size

1920×1280 CSS pixels · 2880×1920 physical pixels · 1.5x DPR

Display Specifications

Viewport Width

1920px CSS pixels

Viewport Height

1280px CSS pixels

Physical Width

2880px hardware pixels

Physical Height

1920px hardware pixels

Device Pixel Ratio

1.5x 1 CSS px = 1.5×1.5 physical px

Colour Depth

24-bit 8-bit per channel

Screen Size

14 inch diagonal

Aspect Ratio

3:2

Operating System

Windows 11

Release Year

2024

Touch Support

Yes

CSS Breakpoint Mapping

At 1920px wide, the HP Spectre x360 14 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

Dell XPS 13

1920×1200 · 1x DPR

2xl

Dell XPS 15

1920×1200 · 1.8x DPR

2xl

ThinkPad X1 Carbon

1920×1200 · 1.5x DPR

2xl

Framework Laptop 16

1920×1200 · 1.333x DPR

2xl

Audit your site on HP Spectre x360 14

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

Try Viewpo Free