Guias

Como testar o seu site ou app web em cada tela, com as ferramentas que existem hoje e o que cada uma faz bem.

FormuláriosGalaxy A06 · 360 × 800
Galaxy A06 com um app aberto e as cotas do viewport

Teclado do celular cobre o campo ou o botão fixo? Como resolver no iPhone e no Android

Por que o teclado do celular esconde o campo ou o botão de enviar, por que o iPhone e o Android erram de jeitos diferentes e a correção para cada um.

Atualizado em

  1. FormuláriosiPhone 16 · 393 × 852
    iPhone 16 com um app aberto e a cota de largura de 393 pontos

    iPhone dá zoom ao tocar no campo? Como tirar o zoom do input no Safari

    Por que o Safari aumenta a página quando a pessoa toca num campo, a correção certa em CSS e o atalho que parece resolver, mas tira o zoom de quem precisa dele.

    Atualizado em

  2. SafariiPhone 17 Pro · 402 × 874
    iPhone 17 Pro no Safari com as cotas das barras de cima e de baixo

    100vh no Safari do iPhone: a barra de endereço, dvh, svh e lvh

    Por que o 100vh passa da tela no iPhone, as três unidades que substituem ele, qual usar em cada layout e o que a barra do iOS 26 mudou.

    Atualizado em

  3. Safe areaiPhone 17 Pro · 402 × 874
    iPhone 17 Pro com um app em tela cheia e as cotas das áreas seguras

    Safe area não funciona? Por que env(safe-area-inset-bottom) dá 0

    Um diagnóstico de 30 segundos e cada motivo para o inset vir zerado (ou com o valor errado), com a correção e um código para ler os valores no aparelho.

    Atualizado em

  4. Modo celularGalaxy S25 · 360 × 780
    Galaxy S25 com um app aberto e a cota de largura de 360 pontos

    Como ver e testar o site no modo celular no PC e no Mac

    O atalho que abre o modo celular em cada navegador, como escolher o aparelho e os limites desse modo na hora de testar o seu site.

    Atualizado em

  5. SimuladoresPixel 9 · 412 × 923
    Pixel 9 com o extrato de um app de banco e a cota da altura do viewport

    Simulador de celular para testar site: as opções no PC e no Mac

    Sete jeitos de ver o seu site como no celular, do mais rápido ao mais fiel, e para que cada um serve.

    Atualizado em

  6. WindowsiPhone Air · 420 × 912
    iPhone Air com um app no modo escuro e a cota de largura

    Simulador de iPhone para PC: como testar o seu site no iPhone usando Windows

    O que dá para conferir do iPhone direto no Windows, o que só o Safari de verdade mostra e como chegar nele sem ter um Mac.

    Atualizado em

  7. PWAiPhone 17 Pro · 402 × 874
    Tela de início do iPhone 17 Pro com o ícone de um PWA instalado

    Como testar um PWA no iPhone e no Android: modo standalone, ícone, splash e offline

    O que muda quando o seu site vira app instalado, o que conferir em cada parte e como testar no localhost e no celular.

    Atualizado em