acabo de dar con la solucion por si a alguien le pueda interesar o valer aquí pongo el codigo:
Código CSS:
Ver original#cont_escalable { display:block; }
@media only screen and (orientation:portrait){
#cont_escalable {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
}
@media only screen and (orientation:landscape){
#cont_escalable {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
}
este codigo hace girar a horizontal el contenido de un div, en este caso al contenido de la web o lo que se quisiera poner dentro.
saludos