Si alguien puede responder a esta sería una gran ayuda para los novatos aprender¿Cómo se usa la etiqueta meta viewport y qué hace?
<meta="viewport">
<head>.<meta> tag.En resumen, agregar esta línea a un sitio web que debería implementar escalado de ventanas gráficas debería solucionar la mayoría de los problemas. (Copiado de WebDesignTuts+'s "Quick Tip: Don't Forget the Viewport Meta Tag" article)
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">P. S. Quirksmode también tiene a rather wonderful article describing the issue que vale la pena leer para entender por qué esto podría ser útil.
Puede ver todos los detalles desde el blog de Mozilla
Otro artículo sobre el visor del meta, sus diferentes propiedades, y la forma de utilizarlo en sus diseños es http://dev.opera.com/articles/view/an-introduction-to-meta-viewport-and-viewport/
También hay un slidedeck explicando cosas en detalle y un Github repo para ir con eso.
responsabilidad: yo soy el autor de estos recursos.
etiqueta de ventana Meta se utiliza para ajustar el tamaño y la visibilidad de la página web de acuerdo con el tamaño de la pantalla de visualización. Ayuda a que la página web se ajuste automáticamente en Android, tableta o iphone.
Artículo excelente. Una pequeña pregunta. Cuando dicen "diseñar con flexibilidad", ¿significa eso que todos los tamaños (anchuras y alturas) están en porcentajes (%)? –
Creo que simplemente se refiere al concepto de [diseño web receptivo] (http://arstechnica.com/business/2012/05/whats-responsive-web-design-all-about/), por lo que no necesariamente significa que los anchos y las alturas serán en porcentajes, pero significará que el sitio web debe verse cómodamente en pantallas de todos los tamaños. Da la casualidad de que, en el ejemplo que proporciona el artículo, podría tratarse de consultas de medios y anchos basados en porcentajes. – Nightfirecat
impresionante. ¡Gracias! –