Contenedor ajustable al ancho de la pantalla ( móvil )

[miktrv]

Buenas!

Tengo una duda, cómo hago para que el contenedor de un site, se adapte a la pantalla del dispositivo??

Tengo un "container" de 640px de anchura por 960px de altura, y quiero que la anchura se encaje a la pantalla del dispositivo,

Un saludo

[pzin]

Pues si tienes un contenedor de X píxeles difícilmente se adaptará.

Entonces tu contenedor tiene que tener algo como:

Código CSS:

div#contenedor {
  width: 100%; /* aunque esto es redundante y no hace falta especificarlo */
  max-width: 640px;
}
 

Y luego usas una meta-etiqueta donde especificas que el ancho del viewport —área visible— sea igual al ancho de dispositivo:

Código HTML:

<meta name="viewport" content="width=device-width">
 

Y así el ancho de la página siempre será igual al ancho del dispositivo o como máximo esos 640 píxeles.

[miktrv]

Buenas!

Gracias por la respuesta!

Me auto respondo!

Código HTML:

<meta name="viewport" content="width=640">
 

Con esto me funciona! :p

[pzin]

Iniciado por miktrv

Con esto me funciona! :p

Siempre y cuando el dispositivo mida eso, si mide menos entonces ya no se adapta, y te cito, al ancho de la pantalla.