paginas - mobile first

El diseño web receptivo funciona en el escritorio, pero no en el dispositivo móvil

Question

Tengo un sitio web que debe ser receptivo para teléfonos móviles. Lo he creado usando mi escritorio. Cuando ajusto las ventanas del navegador funciona perfectamente para el teléfono móvil, pero cuando lo compruebo en mi teléfono móvil real: Samsung Galaxy S2 no responde a la vista móvil.

¿Qué podría estar mal?

Answer 1

Probablemente se está perdiendo la metaetiqueta de la ventana gráfica en el encabezado html:

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

Sin él, el dispositivo asume y establece la ventana gráfica a tamaño completo.

Más información here .

Answer 2

También me he enfrentado a este problema. Finalmente obtuve una solución. Usa este código de abajo. Esperanza: el problema se resolverá.

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

Answer 3

Verifica tu CSS o usa CSS Validator.

    Parse Error

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

Parece que no ha cerrado su llavero o error tipográfico.