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.