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:

#div1{display:inline-block;widht:70%;}

para que #div1 ocupe el 100% según el ancho de la pantalla usamos la media query.

@media screen and (max-width:960px)
{
 #div1
  {
   widht:100%;
  }
}

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.

<meta name="viewport" content="width=device-width, initial-scale=1">

Bienvenid@s a mi primer Post... espero que os guste!! 

Hola a todos! soy programador y me gustaría aprender de seguridad informática, lo único que he tocado del hacking ha sido las sqlInjections, y aircrack con kali.
Un saludo.