O viewport do Samsung Galaxy Z Flip8 usado pelo Mobile Preview é de 360 × 840 píxeis CSS na vertical e 840 × 360 na horizontal. A câmara é: câmara perfurada.
O tamanho num relance
| Vertical | 360 × 840 px |
|---|---|
| Horizontal | 840 × 360 px |
| Proporção altura / largura | 2.33 |
| Câmara | câmara perfurada |
| Tailwind (vertical) | abaixo de sm (menos 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: 360px) and (height: 840px) {
/* Samsung Galaxy Z Flip8, 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.
Pré-visualizar o Samsung Galaxy Z Flip8 no VS Code
O quadro Samsung Galaxy Z Flip8 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 Samsung Galaxy Z Flip8 no menu de dispositivos: a sua página aparece no quadro ao lado do código e recarrega ao guardar.
Larguras semelhantes
- iPhone 12 Mini (375 × 812)
- Samsung Galaxy S26 (360 × 780)
- Samsung Galaxy S23 (360 × 800)
Perguntas frequentes
- Qual é o tamanho do viewport do Samsung Galaxy Z Flip8 em píxeis CSS?
- 360 × 840 na vertical (largura × altura) e 840 × 360 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 Samsung Galaxy Z Flip8?
- Com os breakpoints por defeito do Tailwind, o Samsung Galaxy Z Flip8 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 Samsung Galaxy Z Flip8 dentro do VS Code?
- Sim. O quadro Samsung Galaxy Z Flip8 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