Redmi Note 13 viewport size, resolution and safe areas

The Redmi Note 13 has a viewport of 393×873 CSS pixels in portrait (873×393 in landscape), a device pixel ratio (DPR) of 2.75 and a physical resolution of ≈1081×2401.

Portrait
393×873
Landscape
873×393
DPR
2.75
Physical
≈ 1081×2401
Redmi Note 13 in Breakpane, App mode, with Lume open and the viewport dimension lines
Breakpane capture in App mode (installed PWA). The dimension lines show the viewport the page measured inside the device; system bars that stay reserved are not counted.

Measurements

Viewport, portrait393×873
Viewport, landscape873×393
Device pixel ratio (DPR)2.75
Physical resolution≈ 1081×2401
Status bar34 px
Gesture bar24 px
Chrome: space taken at the top90 px
Chrome: space taken at the bottom24 px
Visible viewport in Chrome, portrait393×759
OSAndroid
NoteFHD+ 1080×2400 @2.75 (same as Redmi Note 12 and Xiaomi 13)

≈ when the DPR is fractional: the OS rounds the viewport, so the real panel can differ by a pixel or two from viewport × DPR.

CSS for the Redmi Note 13

Media query by width

Breakpoints are written in CSS pixels, never in physical resolution.

/* Redmi Note 13: 393 CSS px in portrait, 873 in landscape */
@media (max-width: 393px) {
  /* … */
}

/* screens with a DPR of 2.75 or more */
@media (min-resolution: 2.75dppx) {
  /* 2.75x images */
}

dvh, svh and Chrome's address bar

In Chrome on the Redmi Note 13, the address bar is 56 px tall and collapses as you scroll. 100svh is the height with the bar showing (759 px); 100dvh follows the bar; 100vh is the height with the bar collapsed, taller than what shows when the page opens. With viewport-fit=cover, Chrome on Android 15 and later draws the page under the gesture bar and reports its 24 px in env(safe-area-inset-bottom).

/* Redmi Note 13 in Chrome: 759 px with the bar showing */
.hero { min-height: 100svh; }
.full-screen { height: 100dvh; }
.bottom-bar { padding-bottom: env(safe-area-inset-bottom); }

How Breakpane emulates the Redmi Note 13

Breakpane doesn't run Android. It's Chromium with the Redmi Note 13's viewport (393×873), density (2.75), user agent, touch, safe areas and display-mode, inside a frame with the real dimensions, floating in front of your editor with your dev server live.

More devices: Android

All devices

Measurements from Breakpane's device catalog, checked against public sources (the Chrome DevTools device list, useyourloaf.com, deviceatlas.com, yesviz.com, webmobilefirst.com and 1440px.com) between Oct 2, 2026 and Oct 5, 2026.