Skip to main content
Dell · 2024 · Laptop

Dell XPS 13 Plus

Full device reference for the Dell XPS 13 Plus, including viewport size, native resolution, pixel density, DPR, and supporting responsive-design details.

$1,259 – $2,549Windows 11Released 202413.4 INCH
Compare Device

Quick summary

Viewport

1920 x 1200 PX

Resolution

1920 x 1200 PX

Density

166 PPI

DPR

1 MDPI

Copy viewport or resolution below

Viewport

1920 x 1200 PX

Resolution

1920 x 1200 PX

Density

166 PPI

DPR

1 MDPI

What this device means for responsive design

The Dell XPS 13 Plus uses a viewport of 1920 x 1200 PX, which makes it a key target for desktop layout testing. Designers and developers should rely on the viewport value for CSS breakpoints, while the native resolution and DPR help explain image sharpness and rendering density.

Example breakpoint

@media (max-width: 1920px) {
  /* target layouts around Dell XPS 13 Plus width */
}

Display profile

Screen size13.4 INCH
Device density166 PPI
Pixel density166 PPI
Device pixel ratio1 MDPI

Detailed specifications

A clean reference table for the most important device and display values.

BrandDell
CategoryLaptop
Release2024
Operating SystemWindows 11
Screen Size13.4 INCH
Resolution1920 x 1200 PX
Viewport1920 x 1200 PX
Pixel Density166 PPI
Device Pixel Ratio1 MDPI
ProcessorIntel Core Ultra 5
RAM16GB
Storage512GB
Battery52 Wh
Retail Price$1,259 – $2,549

CSS Media Query

@media (min-width: 1920px) and (max-width: 1920px)

Responsive design notes

Use the viewport for layout decisions, the native resolution for asset planning, and the DPR when understanding how CSS pixels map to physical pixels.

Use viewport for CSS

Focus on 1920 x 1200 PX when planning breakpoints and layout widths.

Use resolution for assets

The native 1920 x 1200 PX resolution helps guide image export sizes and display sharpness.

Use DPR for scaling

A DPR of 1 MDPI means this screen maps multiple physical pixels to one CSS pixel.

Frequently Asked Questions

What is the screen resolution of the Dell XPS 13 Plus?

The Dell XPS 13 Plus has a 1920 x 1200 PX screen resolution on a 13.4 INCH display, resulting in a pixel density of 166 PPI.

What is the CSS viewport size of the Dell XPS 13 Plus?

The Dell XPS 13 Plus has a CSS viewport of 1920 x 1200 PX. This is the value returned by window.innerWidth and window.innerHeight in JavaScript, and the value that CSS media queries respond to.

What CSS media query should I use for the Dell XPS 13 Plus?

To target the Dell XPS 13 Plus viewport, use: @media (max-width: 1920px). For a mobile-first approach, this targets the device at and above its viewport width.

What is the pixel density (PPI) of the Dell XPS 13 Plus?

The Dell XPS 13 Plus has a pixel density of 166 PPI, which corresponds to a device pixel ratio (DPR) of 1. This means CSS pixels are scaled up to produce crisp, high-resolution rendering on the physical display.