Diseño web responsive - Introducción
- Página anterior Ejemplo de consulta de medios CSS
- Página siguiente Viewport RWD
¿Qué es el diseño web responsive?
El diseño web responsive hará que tu página web se vea bien en todos los dispositivos.
El diseño web responsivo utiliza solo HTML y CSS.
El diseño web responsivo no es un programa o JavaScript.
Diseño para obtener la mejor experiencia para todos los usuarios
Se pueden usar muchos dispositivos diferentes para ver páginas web: computadoras de escritorio, tabletas y teléfonos. Independientemente del dispositivo que utilice, su página web debe verse bonita y ser de fácil uso.
Las páginas web no deben desechar información para adaptarse a dispositivos más pequeños, sino que deben hacer que su contenido se adapte a cualquier dispositivo:
Computadora de escritorio
Tableta
Teléfono
Si ajusta el tamaño, oculta, reduce, amplía o mueve contenido utilizando CSS y HTML para que se vea bien en cualquier pantalla, se denomina diseño web responsivo.
Si no entiende el siguiente ejemplo, no se preocupe, desglosaremos el código paso a paso en el siguiente capítulo:
- Página anterior Ejemplo de consulta de medios CSS
- Página siguiente Viewport RWD
