Tengo un sitio web que debe responder a 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 verifico en mi teléfono móvil real: Samsung Galaxy S2 no responde a la vista móvil.
¿Qué podría estar mal?
mobile
web
responsive-design
Tadas Davidsonas
fuente
fuente
Respuestas:
Probablemente le falte la metaetiqueta de la ventana gráfica en el encabezado html:
Sin él, el dispositivo asume y configura la ventana gráfica a tamaño completo.
Más info aquí .
fuente
index.htmlrealmente incluya la etiqueta, así como el desarrolloindex.htmlTambién me he enfrentado a este problema. Finalmente obtuve una solución. Utilice este código a continuación. Esperanza: el problema se resolverá.
<meta name="viewport" content="initial-scale=1, maximum-scale=1">fuente
Aunque se respondió anteriormente y es correcto usar
pero si está utilizando React y webpack, no olvide cerrar la etiqueta del elemento
fuente
Metaetiqueta receptiva
Para garantizar una representación adecuada y el zoom táctil para todos los dispositivos, agregue la metaetiqueta de ventana gráfica receptiva a su archivo
<head>.fuente