Web design responsivo está trabalhando na área de trabalho, mas não no dispositivo móvel

Eu tenho um site que deve ser responsivo para telefones celulares. Eu criei usando meu desktop. Quando eu ajustei as janelas do navegador, ele está funcionando perfeitamente para o celular, mas quando eu o verifico no meu celular real: o Samsung Galaxy S2 não responde à canvas do celular.

O que poderia ser o errado?

Você provavelmente está faltando a tag meta viewport na cabeça html:

 

Sem ele, o dispositivo assume e define a viewport como tamanho total.

Mais informações aqui .

Eu também enfrentei esse problema. Finalmente consegui uma solução. Use este código abaixo. Espero que o problema seja resolvido.

Verifique seu CSS ou use o CSS Validator.

  Parse Error .navbar .nav li a { padding-right: 5px; paddng-left: 5px; 

Parece que você não fechou a faixa de caracteres ou erro de digitação.