Foros del Web » Creando para Internet » CSS »

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

Estas en el tema de Contenedor ajustable al ancho de la pantalla ( móvil ) en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 09/01/2014, 03:41
 
Fecha de Ingreso: julio-2008
Ubicación: Barcelona
Mensajes: 2.100
Antigüedad: 15 años, 8 meses
Puntos: 165
Contenedor ajustable al ancho de la pantalla ( móvil )

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
__________________
Gracias por el Karma :D

empleo ofertas de trabajo
  #2 (permalink)  
Antiguo 09/01/2014, 03:49
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: Contenedor ajustable al ancho de la pantalla ( móvil )

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

Entonces tu contenedor tiene que tener algo como:

Código CSS:
Ver original
  1. div#contenedor {
  2.   width: 100%; /* aunque esto es redundante y no hace falta especificarlo */
  3.   max-width: 640px;
  4. }

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

Código HTML:
Ver original
  1. <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.
  #3 (permalink)  
Antiguo 09/01/2014, 03:53
 
Fecha de Ingreso: julio-2008
Ubicación: Barcelona
Mensajes: 2.100
Antigüedad: 15 años, 8 meses
Puntos: 165
Respuesta: Contenedor ajustable al ancho de la pantalla ( móvil )

Buenas!

Gracias por la respuesta!

Me auto respondo!

Código HTML:
Ver original
  1. <meta name="viewport" content="width=640">

Con esto me funciona! :p
__________________
Gracias por el Karma :D

empleo ofertas de trabajo
  #4 (permalink)  
Antiguo 09/01/2014, 03:56
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: Contenedor ajustable al ancho de la pantalla ( móvil )

Cita:
Iniciado por miktrv Ver Mensaje
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.

Etiquetas: ajustable, ancho, contenedor, pantalla
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:06.