Dell XPS 13 Plus Screen Size: 1280 × 800 px Viewport

Q: What resolution should I design for on the Dell XPS 13 Plus?

Design at 1280 × 800 and export assets at 1.5×. That gives you 1920 × 1200 px images, which is exactly what the panel renders. Designing directly at 1920 × 1200 means every measurement is 1.5 times larger than the CSS values you will write.

Q: What is the device pixel ratio of the Dell XPS 13 Plus?

The Dell XPS 13 Plus reports a device pixel ratio of 1.5. One CSS pixel therefore covers 2.25 device pixels. You can read it in JavaScript with window.devicePixelRatio.

CSS viewport · portrait

1280 × 800 px

Native resolution 1920 × 1200 px at 1.5× · 169 PPI · 13.4″ · 16:10. Design at 1280 × 800 and export assets at 1.5×.

Dell XPS 13 Plus display specifications
Property	Value
CSS viewport (portrait)	1280 × 800 px
CSS viewport (landscape)	800 × 1280 px
Native resolution	1920 × 1200 px
Device pixel ratio	1.5×
Pixel density	169 PPI
Screen diagonal	13.4 in
Panel size	11.36 × 7.1 in
Aspect ratio	16:10
Total pixels	2.3 MP
Released	2022
Operating system	Windows

Among the 37 desktop and laptop displays on this site, the Dell XPS 13 Plus has the 35th largest CSS viewport area. Its 1280 px width is 391 px below the 1671 px average for this category.

Viewport at each Windows display scale

Windows exposes the panel to the browser through the display-scale setting. Only one of these rows is the default; the others are one dropdown away, and users with 169 PPI in front of them do change it.

Dell XPS 13 Plus — CSS viewport at every Windows display-scale step
Display scale	CSS viewport	devicePixelRatio	Notes
100 %	1920 × 1200	1×	More workspace, smaller text
125 %	1536 × 960	1.25×	More workspace, smaller text
150 %	1280 × 800	1.5×	Windows default for this panel
175 %	1097 × 686	1.75×	Larger text, less workspace
200 %	960 × 600	2×	Larger text, less workspace
225 %	853 × 533	2.25×	Larger text, less workspace
250 %	768 × 480	2.5×	Larger text, less workspace

Targeting the Dell XPS 13 Plus in CSS

Device-specific media queries are brittle — a new model with the same width will not match. Use them for genuine per-device fixes only, and prefer width buckets for layout.

CSS media query

/* Target Dell XPS 13 Plus specifically */
@media only screen
  and (device-width: 1280px)
  and (device-height: 800px)
  and (-webkit-device-pixel-ratio: 1.5) {
  /* … */
}

/* More useful in practice — the width bucket it falls into */
@media (min-width: 1280px) { /* … */ }

Compare with other Windows Devices models

Dell XPS 13 Plus compared with nearby Windows Devices models
Device	CSS viewport	Native	DPR	PPI	Diagonal
Dell XPS 13 Plus	1280 × 800	1920 × 1200	1.5×	169	13.4″
Surface Pro 9	1440 × 960	2880 × 1920	2×	267	13″
Framework Laptop 13	1504 × 1003	2256 × 1504	1.5×	201	13.5″
Surface Laptop Studio 2	1600 × 1067	2400 × 1600	1.5×	201	14.4″
Dell XPS 13 (9350)	1280 × 800	1920 × 1200	1.5×	169	13.4″
Surface Pro 11	1440 × 960	2880 × 1920	2×	267	13″
Surface Laptop 7 13.8″	1280 × 853	2304 × 1536	1.8×	201	13.8″
ThinkPad X1 Carbon Gen 12	1280 × 800	1920 × 1200	1.5×	162	14″
HP Spectre x360 14	1280 × 853	2880 × 1920	2.25×	247	14″

Questions about the Dell XPS 13 Plus screen

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

The Dell XPS 13 Plus has a 13.4-inch display. In CSS the viewport measures 1280 × 800 px in portrait, and the panel itself has 1920 × 1200 physical pixels at 169 PPI.

What resolution should I design for on the Dell XPS 13 Plus?

Design at 1280 × 800 and export assets at 1.5×. That gives you 1920 × 1200 px images, which is exactly what the panel renders. Designing directly at 1920 × 1200 means every measurement is 1.5 times larger than the CSS values you will write.

What is the device pixel ratio of the Dell XPS 13 Plus?

The Dell XPS 13 Plus reports a device pixel ratio of 1.5. One CSS pixel therefore covers 2.25 device pixels. You can read it in JavaScript with window.devicePixelRatio.

Does the Dell XPS 13 Plus always report 1280 px?

No — on Windows the CSS viewport is the panel divided by the display scale, and that is a user setting. 1280 × 800 is what you get at the 150 % scale Windows recommends for this panel, which is what most units ship with. Change it in Settings → System → Display and every CSS pixel measurement changes with it. The table above lists the viewport at each scale step.

Which other devices have the same viewport as the Dell XPS 13 Plus?

5 other devices share the 1280 × 800 CSS viewport: Dell XPS 13 (9350), ThinkPad X1 Carbon Gen 12, ASUS Zenbook 14 OLED, Steam Deck OLED, Steam Deck LCD. A layout that works on one works on all of them.

All Windows Devices sizes All device screen sizes 16:10 aspect ratio CSS breakpoints PPI calculator

Specifications from the manufacturer's published device data. Last verified 7 August 2026. CSS viewport values are the portrait window.innerWidth/innerHeight reported by the stock browser with no browser chrome. See methodology and sources.

Viewport at each Windows display scale

Targeting the Dell XPS 13 Plus in CSS

Compare with other Windows Devices models

Questions about the Dell XPS 13 Plus screen

Related