Media queries não funciona no mobile

[Alexandre Bitencourt 0]

Bom dia a todos,

Estou com dificuldade em criar um layout responsivo com media queries. Estou colocando os breaking points e, ao redimensionar o navegador funciona perfeitamente. Ao diminuir a janela ele vai interpretando os pontos e mudando o layout, porem no mobile (celular/tablet) não funciona.

Estou criando as medias assim:
@media screen and (max-width: 960px) {}

 

e assim

@media screen and (min-width:780px) and (max-width:960px) {}

Ambas no arquivo CSS, funciona perfeitamente no desktop quando redimensiono a janela, mas no mobile não, podem me ajudar?

[William Bruno 1501]

Vc lembrou de colocar a metatag viewport ?

[Alexandre Bitencourt 0]

Caraca, não. To aprendendo Media queries agora.
Coloco: <meta name="viewport" content="width=device-width, user-scalable=no"> ?

Cara, obrigado, funcionou :D