O viewport do Google Pixel 10 Pro Fold (unfolded) usado pelo Mobile Preview é de 755 × 783 píxeis CSS na vertical e 783 × 755 na horizontal. A câmara é: câmara perfurada.
O tamanho num relance
| Vertical | 755 × 783 px |
|---|---|
| Horizontal | 783 × 755 px |
| Proporção altura / largura | 1.04 |
| Câmara | câmara perfurada |
| Tailwind (vertical) | sm (a partir de 640 px) |
| Tailwind (horizontal) | md (a partir de 768 px) |
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.
Teste em CSS
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: 755px) and (height: 783px) {
/* Google Pixel 10 Pro Fold (unfolded), 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.
Pré-visualizar o Google Pixel 10 Pro Fold (unfolded) no VS Code
O quadro Google Pixel 10 Pro Fold (unfolded) 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 10 Pro Fold (unfolded) no menu de dispositivos: a sua página aparece no quadro ao lado do código e recarrega ao guardar.
Larguras semelhantes
- iPad Mini (768 × 1024)
Perguntas frequentes
- Qual é o tamanho do viewport do Google Pixel 10 Pro Fold (unfolded) em píxeis CSS?
- 755 × 783 na vertical (largura × altura) e 783 × 755 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 10 Pro Fold (unfolded)?
- Com os breakpoints por defeito do Tailwind, o Google Pixel 10 Pro Fold (unfolded) está sm (a partir de 640 px) na vertical e md (a partir de 768 px) na horizontal.
- Posso pré-visualizar o meu site no Google Pixel 10 Pro Fold (unfolded) dentro do VS Code?
- Sim. O quadro Google Pixel 10 Pro Fold (unfolded) 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.
Todos os tamanhos de dispositivos · EN · FR · ES · DE