Hola
Me estoy volviendo loca para hacer una maquetación de una app para tablet que siempre se vea de una manera si es landscape - independientemente del tamaño de la pantalla - y siempre se vea de otra si es portrait.
El contenido es poco y necesito que se distribuya por la pantalla en ambos modos pero todo lo que encuentro es diseño liquido que solo atiende al ancho de la pantalla.
He visto estos media- queries pero o no me funcionan o no sé testearlos:
Código PHP:
/*CSS por defecto - landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
body {
background-color:blue;
}
}
/*CSS por defecto - portrait */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
body {
background-color:green;
}
}
Tanto mi tablet como los emuladores que he encontrado no hacen caso a estos estilos.
Voy a usar jquery-mobile, aunque soy un tanto nueva, y tampoco sé si ahí hay alguna solución a mi problema...
SOCORRO