Foros del Web » Creando para Internet » CSS »

problema con adaptación

Estas en el tema de problema con adaptación en el foro de CSS en Foros del Web. Hola estaba preparando un diseño en wp para adaptarlo a dispositivos móviles, pero a la hora de probarlo, como que el css en media queries ...
  #1 (permalink)  
Antiguo 29/09/2012, 20:47
 
Fecha de Ingreso: junio-2012
Mensajes: 61
Antigüedad: 11 años, 10 meses
Puntos: 1
problema con adaptación

Hola estaba preparando un diseño en wp para adaptarlo a dispositivos móviles, pero a la hora de probarlo, como que el css en media queries no agarra el css para:

Tableta parada
iPhone acostao y parado

Tengo el siguiente codigo para hacerlo adaptable:

/* For 980px or less */
@media only screen and (max-width: 980px;) {

#wrapper {
width: 70%;
overflow: hidden;
}
#contentwrap {
width: 70%;
overflow: hidden;
}
.postcont { width: 100%;overflow: hidden;}
#side {
width: 30%;
}
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {

#wrapper {
width:100%;
overflow:hidden;
}

}

/* For 480px or less */
@media only screen and (max-width: 480px;) {

#wrapper {
overflow:hidden;
}
.post { width: 100%;}
#header {width: 20%;}
h1 {background: red;}
.side {display: none;}

}


Ninguno de los códigos lo agarra :(

Además cabe destacar que agregué los siguiente codigos:

<!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->

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


Y sigue sin funcionar, ojalan me ayuden.

Etiquetas: adaptable, erroresx, responsivedesign
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 12:47.