iPad Pro 11: 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: 834px) and (height: 1194px) {
  /* iPad Pro 11, vertical */
}

Os tablets são largos o suficiente para ativar layouts de tablet ou de computador: verifique a navegação que passa de um ícone de menu para uma barra completa e as grelhas de várias colunas, nas duas orientações.

O quadro iPad Pro 11 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 iPad Pro 11 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)

• iPad Air (820 × 1180)
• Google Pixel Tablet (834 × 1112)

Qual é o tamanho do viewport do iPad Pro 11 em píxeis CSS?

834 × 1194 na vertical (largura × altura) e 1194 × 834 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 iPad Pro 11?

Com os breakpoints por defeito do Tailwind, o iPad Pro 11 está md (a partir de 768 px) na vertical e lg (a partir de 1024 px) na horizontal.

Posso pré-visualizar o meu site no iPad Pro 11 dentro do VS Code?

Sim. O quadro iPad Pro 11 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.