En el ámbito del diseño web adaptativo, es crucial que la navegación sea flexible para asegurar una experiencia óptima en dispositivos móviles como teléfonos y tabletas. Los elementos visuales, tales como imágenes, videos y otros medios, deben ser ajustables en tamaño y proporciones para mantener la integridad del diseño en diferentes tamaños de pantalla.
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.
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.
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.
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.
¿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.