Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Responsividade não funcionando no chrome

Boa tarde!

Quando estou abrindo meu index.html no Microsoft Edge, a responsividade está funcionando direitinho. Entretanto, quanto abro no chrome, ele parece não estar reconhecendo o tamanho da tela, fica aparecendo com o layout mobile (estou abrindo no mesmo computador). Alguém saberia dizer o que pode estar causando isso?

PS.: usando o toggle device toolbar no chrome funciona, mas se fecho a ferramenta, ele exibe em tela cheia com layout mobile

Obrigada!

3 respostas
solução!

Olá Priscila,

Poderia postar seu código-fonte?

Olá Marcos,

Desculpe, já descobri o erro. Acho que eu aumentei o zoom da tela sem perceber, estava com 150%. Quando voltei para os 100% o layout ficou como deveria. Mas serve de aprendizado, não sabia que o zoom poderia afetar a responsividade..rs

Obrigada

Que bom que encontrou o erro =)

Existem maneiras de desabilitar o zoom nos aparelhos móveis:

<meta name="viewport" content="initial-scale=1, maximum-scale=1">

Utilize com muita moderação, pois pode prejudicar na acessibilidade do seu site por pessoas com baixa visão.