¿Cómo se llama la estrategia del diseño web adaptativo que se basa en los términos de proporción?
Inmaculada Serrato
2025-08-06 12:59:49
Count answers
: 13
El diseño web adaptable es posible gracias al uso de un sistema de rejilla fluida basada en proporciones.
Las consultas de medios son una extensión de la regla @media que se incluye en la hoja de estilos para indicar al documento HTML cómo debe comportarse en diferentes medios.
Con la filosofía del diseño adaptativo, si una web se muestra con la resolución habitual de un PC muestra el contenido en 5 columnas, para una tableta necesitaría solo 4 y, en el caso de un teléfono inteligente, las columnas mostradas deberían ser 3.
El diseño adaptable debe fluir con una adaptación constante del tamaño de los gráficos y las estructuras que componen un sitio web dentro de los diferentes dispositivos y tamaños de pantalla, considerando de forma automática la orientación en la que se visualizan los contenidos.
Con una sola versión en HTML y CSS se pueden cubrir todas las resoluciones de pantalla, con lo que el sitio web estará optimizado para distintos dispositivos y resoluciones de pantalla.
Leer también
- ¿Qué significa diseño adaptable?
- ¿Qué debe tener una persona adaptable?
- ¿Para qué se utiliza responsive?
- ¿Qué es un modelo adaptativo?
- ¿Qué significa un diseño responsive?
- ¿Qué es el diseño responsivo en el diseño de materiales digitales?
- ¿Cómo se dice "responsive website
- ¿Qué es el método responsive?