Dudas con la etiqueta viewport y los media queries

Luisa29 · #1 (**permalink**) 15/02/2016, 00:59

Hola amigos, resulta que adapté mi página (más o menos) a dispositivos móviles a través de media queries, pero sin usar la etiqueta media viewport.

Como sólo he podido probarla en un móvil (el mío) pues la web está muy bien adaptada, pero al probar esta herramienta:

http://www.responsinator.com/

Veo que sale la web muy deformada y se ve todo gigante, es algo que no entiendo. ¿Alguien puede explicarme qué hace y si es indispensable para una web responsive la etiqueta viewport? o simplemente con media queries se puede adaptar a todas las resoluciones.

Gracias.

pzin · #2 (**permalink**) 15/02/2016, 03:28

Indicar el tamaño del viewport es absolutamente necesario.

Luisa29 · #3 (**permalink**) 15/02/2016, 04:42

Cita:

Iniciado por pzin

Indicar el tamaño del viewport es absolutamente necesario.

Esta es la etiqueta que debo de usar?

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

Es la que está en todos los sitios.

He leído que la resolución de las páginas han de ser la mitad que la resolución real del dispositivo, ¿es correcto esto? Me parece muy fuerte tener que meter una web de 1200px a 360 px de anchura en un dispositivo con 1280x720.

¿Por qué esto es así?

Gracias.