Girar div 90 grados segun la posicion de la tablet

[mensajeescrito]

Hola buenas, a ver si me pueden ayudar.

Como puedo hacer que un div, (contenedor de mi web), nada mas cargar la pagina automaticamente gire 90 grados si la tablet en la que se esta cargardo esta vertical (portrait).


Y si de lo contrario la tablet estuviera en horizontal (landscape), dicho div girara automaticamente

-90 grados?

Pero que solo lo hiciera una vez, es decir que si estuviera la pantalla en portrait girara 90 grados , y si por segunda vez se volviera a poner la pantalla en portrait ya no girara 90 grados. solo una vez.

Y lo mismo con horizontal.


Gracias de antemanos a todos.

[Panino5001]

Usa css:

Código:

@media (orientation: landscape) {
    #loquesea{
	 -ms-transform: rotate(90deg); /* IE 9 */
        -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
         transform: rotate(90deg);
    }
}
@media (orientation: portrait) {
      #loquesea{
	-ms-transform: rotate(-90deg); /* IE 9 */
        -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
         transform: rotate(-90deg);
      }
}

Los ángulos que puse son de ejemplo.