En el caso que queramos distinguir entre si una tablet por ejemplo está en posición apaisada o vertical podemos usar la siguiente línea de código:
@media all and (orientation: portrait){ ... }
portrait -> vertical
landscape -> horizontal
* En algunos casos al desplegarse en la posición vertical el teclado, si la proporción de la pantalla cambia podría tomarse como apaisada.
También existe la posibilidad de cargar un css u otro según la orientación:
<link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css"> <link rel="stylesheet" media="all and (orientation:landscape)" href="landscape.css">
