No me funciona un diseño responsive en móvil...

Me he encontrado un problema al probar un diseño responsive y es que, aunque en el PC se visualiza correctamente y se modifica al redimensionar la pantalla, en un dispositivo móvil no responde de igual manera.

La solución es bien sencilla. Se debe incluir la siguiente etiqueta meta en el de la página:

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

Esta etiqueta permite indicar las dimensiones de la página y la escala aplicada, pudiéndose usar las constante device-width y device-height que indican las específicas del dispositivo que visualiza la página. Así, en este caso establecerá el viewport con las dimensiones de la pantalla y hará efectivos los cambios de escala. Sin esta entrada se establecerá siempre el tamali como el tamaño por defecto del diseño a pantalla completa.

No hay comentarios :