Redmi Note 13: viewport, resolução e safe areas

No Redmi Note 13, o viewport é de 393×873 pixels CSS em retrato (873×393 deitado), com densidade de pixels (DPR) 2,75 e resolução física de ≈1081×2401.

Retrato: 393×873
Deitado: 873×393
DPR: 2,75
Física: ≈ 1081×2401

Redmi Note 13 no Breakpane em modo App, com o Lume aberto e as cotas do viewport — Captura do Breakpane em modo App (PWA instalado). As cotas mostram o viewport que a página mediu dentro do aparelho; as barras do sistema que ficam reservadas não entram na conta.

Medidas

Medidas do Redmi Note 13 em pixels CSS
Viewport em retrato	393×873
Viewport deitado	873×393
Densidade de pixels (DPR)	2,75
Resolução física	≈ 1081×2401
Barra de status	34 px
Barra de gestos	24 px
Chrome: área ocupada em cima	90 px
Chrome: área ocupada embaixo	24 px
Viewport visível no Chrome, retrato	393×759
Sistema	Android
Observação	FHD+ 1080×2400 @2,75 (Redmi Note 12 e Xiaomi 13 iguais)

≈ quando o DPR é fracionado: o sistema arredonda o viewport, e o painel real pode diferir em um ou dois pixels do produto viewport × DPR.

CSS para o Redmi Note 13

Media query pela largura

Ponto de quebra se escreve em pixels CSS, nunca na resolução física.

/* Redmi Note 13: 393 px CSS em retrato, 873 deitado */
@media (max-width: 393px) {
  /* … */
}

/* telas com DPR 2.75 ou mais */
@media (min-resolution: 2.75dppx) {
  /* imagens em 2.75x */
}

dvh, svh e a barra do Chrome

No Chrome do Redmi Note 13, a barra de endereço tem 56 px e se recolhe ao rolar. 100svh é a altura com ela à vista (759 px); 100dvh acompanha a barra; 100vh é a altura com ela recolhida, maior do que o que aparece ao abrir a página. Com viewport-fit=cover, o Chrome do Android 15 em diante desenha a página por baixo da barra de gestos e entrega os 24 px em env(safe-area-inset-bottom).

/* Redmi Note 13 no Chrome: 759 px com a barra à vista */
.hero { min-height: 100svh; }
.tela-cheia { height: 100dvh; }
.barra-inferior { padding-bottom: env(safe-area-inset-bottom); }

Como o Breakpane simula o Redmi Note 13

O Breakpane não roda Android. É um Chromium com o viewport (393×873), a densidade (2,75), o user agent, o toque, as safe areas e o display-mode do Redmi Note 13, dentro de uma moldura com as medidas reais, flutuando na frente do editor com o seu dev server ao vivo.

Outros aparelhos: Android

Todos os aparelhos

Medidas do catálogo do Breakpane, conferidas em fontes públicas (a lista de aparelhos do Chrome DevTools, useyourloaf.com, deviceatlas.com, yesviz.com, webmobilefirst.com e 1440px.com) entre 2 de out. de 2026 e 5 de out. de 2026.