¿Qué es el diseño responsive?
El diseño responsive es una forma de construir páginas cuya distribución se adapta al espacio disponible. Busca que el contenido se pueda leer y utilizar en pantallas de diferentes tamaños.
Por ejemplo, una página puede mostrar varias columnas en una pantalla amplia y una sola en un móvil. Las imágenes, los controles y el texto también deben ajustarse sin perder información ni obligar a desplazarse horizontalmente sin necesidad.
Cómo funciona
Se combinan tamaños flexibles, imágenes adaptables y reglas CSS que modifican la distribución según el ancho u otras condiciones. Flexbox, Grid y las media queries son recursos habituales. MDN explica estas técnicas.
Aunque en español se utiliza a veces “adaptativo” como traducción, algunos profesionales distinguen el diseño responsive fluido del adaptive design, que selecciona entre distribuciones predefinidas.
Qué debes comprobar
Prueba la lectura, la navegación y los formularios en varios anchos, también entre los tamaños previstos. Revisa el zoom, el uso con teclado y el tamaño de los controles táctiles.
Que una web encaje en un móvil no garantiza una buena experiencia de usuario. Puede seguir siendo lenta, difícil de entender o inaccesible. El diseño responsive ayuda a adaptar la presentación, pero no aumenta por sí solo la viralidad ni resuelve todos los problemas de rendimiento.
