Navegadores Móviles: Meta viewport

Tradicionalmente, hemos visto las webs bien construidas en nuestros móviles igual que si fuera en una pantalla de PC, pero más pequeño todo, obligándonos a hacer zoom en las zonas que queríamos leer. Actualmente podemos modificar este comportamiento por defecto de los navegadores móviles, para facilitar la lectura en una pantalla móvil.
Para ello, introducimos el siguiente código en el <head> </head> :

<meta name=”viewport” content=”width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0″ />

Con device-width, le decimos que se muestre en la resolución real del dispositivo, con initial-scale controlamos el zoom, 1.0 es sin zoom, y 2.0 es una ampliación de la web al doble del tamaño.

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s