Google Pixel 9: tamanho do viewport

São píxeis CSS (de layout), os tamanhos do quadro do Mobile Preview. Num dispositivo real podem variar ligeiramente com a interface do navegador, o zoom do ecrã ou a versão do sistema.

Prefira breakpoints baseados no seu conteúdo em vez de regras por dispositivo. Se precisar de reproduzir este tamanho exato, por exemplo para depurar um layout, esta media query seleciona-o na vertical:

@media (width: 393px) and (height: 852px) {
  /* Google Pixel 9, vertical */
}

Os navegadores Android mantêm a barra de estado acima da página, por isso a câmara perfurada raramente esconde conteúdo num separador normal. Teste cabeçalhos fixos, sobreposições em ecrã inteiro e aplicações web instaladas, em que a página pode estender-se por baixo da barra de estado.

Estes quadros usam o mesmo viewport de 393 × 852, por isso uma única verificação cobre todos:

• iPhone 14 Pro
• iPhone 15
• iPhone 16

O quadro Google Pixel 9 faz parte do Mobile Preview Pro (6,99 €, pagamento único, sem subscrição). A versão gratuita inclui o iPhone 16, o iPhone 17 e o iPhone 17 Pro Max. Instale a extensão, inicie o servidor de desenvolvimento, execute «Mobile Preview: Show» e escolha Google Pixel 9 no menu de dispositivos: a sua página aparece no quadro ao lado do código e recarrega ao guardar.

Instalar o Mobile Preview · Guia passo a passo (em inglês)

• iPhone 11 (414 × 896)
• iPhone 12 Mini (375 × 812)
• iPhone 13 Pro (390 × 844)
• iPhone 16 Pro (402 × 874)
• iPhone 17 (402 × 874)
• iPhone 17 Pro (402 × 874)

Qual é o tamanho do viewport do Google Pixel 9 em píxeis CSS?

393 × 852 na vertical (largura × altura) e 852 × 393 na horizontal, conforme usado pelo Mobile Preview. O ecrã físico tem mais píxeis; os píxeis CSS são o que o seu layout vê.

Em que breakpoint do Tailwind está o Google Pixel 9?

Com os breakpoints por defeito do Tailwind, o Google Pixel 9 está abaixo de sm (menos de 640 px) na vertical e md (a partir de 768 px) na horizontal.

Posso pré-visualizar o meu site no Google Pixel 9 dentro do VS Code?

Sim. O quadro Google Pixel 9 faz parte do Mobile Preview Pro (6,99 €, pagamento único). A versão gratuita inclui o iPhone 16, o iPhone 17 e o iPhone 17 Pro Max.