Bastidor
Por que eu testo em celular de 320px, e não no meu
Onde o defeito aparece.
Por Alisson Santos, fundador da Autark · 2 min de leitura
Você já abriu um site no celular e ele rolava pro lado? Aquele deslocamento chato, o texto entrando e saindo da tela.
É um dos defeitos mais comuns e um dos menos investigados, por um motivo simples: no aparelho de quem fez, não acontece.
A largura muda tudo. Num teste que eu rodo, o mesmo site sobrava 58 pixels numa tela de 320 de largura, 18 numa de 360 e 3 numa de 375. Acima disso, zero. Quem testa no próprio iPhone nunca vê.
A causa costuma ser a mesma: um elemento de largura fixa dentro de uma coluna que, por padrão, não encolhe abaixo do conteúdo. A coluna não cede, então a página inteira cede.
E aqui está a parte que interessa: normalmente existe uma instrução mandando o elemento nunca passar de 100% da largura disponível. Ela está lá, e não protege — porque "disponível" é calculado contra a largura travada.
Por isso todo site que eu entrego passa por um teste em sete larguras, de 320 a 1024, a cada mudança. "Eu coloquei a proteção" e "a proteção funciona" são afirmações diferentes, e só a segunda dá pra medir.
Ficha da nota5 partes
O defeito que você já viu
Abrir um site no celular e ele rolar pro lado.
O texto entrando e saindo da tela. Comum, e pouco investigado — porque no aparelho de quem fez o site não acontece.
Quanto menor, pior
58px
De sobra numa tela de 320 de largura. Em 360 são 18 pixels. Em 375, três. Acima disso, zero — e quem testa no próprio iPhone nunca vê.
A causa quase sempre é a mesma
Um elemento de largura fixa dentro de uma coluna que, por padrão, não encolhe abaixo do conteúdo.
A coluna não cede, então a página inteira cede.
E a parte que interessa
Normalmente a proteção está lá — e não protege.
A instrução manda não passar de 100% da largura disponível. Só que "disponível" é calculado contra a largura travada.
O que eu faço a cada mudança
- Teste automático em sete larguras, de 320 a 1024
- Falha se sobrar um pixel para o lado
- Roda antes de publicar, não depois