Ver Mensaje Individual
  #1 (permalink)  
Antiguo 16/04/2013, 13:51
Federicoa
 
Fecha de Ingreso: marzo-2013
Mensajes: 32
Antigüedad: 9 años, 10 meses
Puntos: 0
Problema Media Queries

Hola buenas tardes a todos, creo este tema por que estoy teniendo problemas con las media queries al a hora del responsive, el inconveniente es que NO ME RECONOCE LAS RESOLUCIONES, entonces cuando lo pruebo en: [URL="http://www.responsinator.com"]http://www.responsinator.com[/URL] no surge ningun cambio en dicha resolucion.

Acá por ejemplo les dejo el código que intenté utilizar para IPads landscape:


Código:
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) { 
 
.principal{width: 70%; margin-left: 15%;} 

#box2{display: none;}

.servicios {width: 70%;
			margin-left: 15%;}
#detalles {width: 70%; margin-left: 15%;}
#boxb{margin-top: -33.5%;}
#boxc{margin-top: -33.5%;}

.portafolio {width: 70%;
			 margin-left: 15%;
			 margin-top: 9%;
			 margin-bottom: 1em;} 

}

En mi html tengo incorporado la etiqueta viewport y tampoco me funciona, la etiqueta es la siguiente:

Código HTML:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 

Sinceramente no sé por que no me toma las media queries, me estoy quemando la cabeza y no me sale nada. Si me podrían ayudar se los agradecería.

Muchas gracias a todos, Saludos.