Diseño Web Adaptativo.
¿Qué es?
Se describe como una técnica de diseño y desarrollo web que, mediante el uso de estructuras e imágenes fluidas, así como de media-queryen la hoja de estilo CSS, consigue adaptar el sitio.
Elementos
Esquema tipográfico flexible.
Se establece em en vez de pixeles; por lo tanto, su valor no es absoluto si no relativo y depende directamente del elemento padre que contiene.
Maquetación adaptable usando Media Queries (Media Query).
Modificando la cantidad de columnas del diseño, con grillas flexibles, adaptándolos anchos dentro de cada rango.
Imágenes, objetos, videos o medios similares flexibles.
Cambiando el tamaño de las imágenes y otros elementos vinculados, incluyendo la adaptación de videos, animaciones, y contenidos complejos como mapas, tablas, slides, etc.
Navegación adaptable, optimizada para touch en pantallas pequeñas
La navegación es otro de los puntos críticos que debe adaptarse en un sitio para permitir su uso en teléfonos y tabletas.