Responsive Design con Media Querys
CSS nos permite maquetar webs adaptables a las pantallas para moviles.
La idea es partiendo de un diseño base, ir cambiando solo lo necesario para adaptarlo al dispositivo.
Tenemos CSS:
para que #div1 ocupe el 100% según el ancho de la pantalla usamos la media query.
Cuando la pantalla tenga un ancho igual o menor a 960px, cambiamos el ancho de #div1 a 100%
Las media querys van al final del código.
Añadir el atributo viewport, para que el navegador sepa la escala correcta.