blog banner

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

A veces, tecleando HTML el aspecto en móvil y en pantalla es el mismo y no sabemos por qué. Aquí encontrarás el error recurrente.

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.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *