¿Qué es el diseño web responsive?
El diseño web responsivo hace que su página web se vea bien en todos los dispositivos.
El diseño web responsivo utiliza sólo HTML y CSS.
El diseño web responsivo no es un programa ni un JavaScript.
Diseñando la mejor experiencia para todos los usuarios
Las páginas web se pueden ver utilizando muchos dispositivos diferentes: computadoras de escritorio, tabletas y teléfonos. Su página web debe verse bien y ser fácil de usar, independientemente del dispositivo.
Las páginas web no deben omitir información para adaptarla a dispositivos más pequeños, sino adaptar su contenido a cualquier dispositivo:
Se llama diseño web responsivo cuando se utiliza CSS y HTML para cambiar el tamaño, ocultar, reducir, ampliar o mover el contenido para que se vea bien en cualquier pantalla.
No se preocupe si no comprende el siguiente ejemplo; desglosaremos el código, paso a paso, en los próximos capítulos:
Ejemplo:
Traducido con 💚 desde W3Schools.com