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


Tengo un sitio web que debe ser sensible para los 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?

Author: Lowkase, 2013-01-13

3 answers

Probablemente le falta la etiqueta meta viewport en el encabezado html:

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

Sin él, el dispositivo asume y establece la vista a tamaño completo.

Más información aquí .

 237
Author: Agush,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2013-01-29 07:28:20

También me he enfrentado a este problema. Finalmente tengo una solución. Utilice este código de abajo. Esperanza: el problema será resuelto.

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

 2
Author: Saiful Islam,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2017-08-20 06:35:24

Compruebe su CSS o utilice el validador CSS.

    Parse Error

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

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

 0
Author: Marcelo Austria,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2016-04-12 07:45:54