Screen Orientation Workaround

HTML

<body id="orient">
<p>Este Ă© o body! :)</p>
</body>

CSS

p{font-size:36px;}

JavaScript

$(window).on("orientationchange",function(){
  if (window.orientation == -90) {/*> Direita */
        document.getElementById('orient').className = 'orientright';
      $('body').css('-webkit-transform', "rotate(90deg)");
      $('body').css('-webkit-transform-origin', "230px 230px");
      $('body').css('transform', "rotate(90deg)");
      $('body').css('transform-origin', "bottom left");
    }
  if (window.orientation == 90) { /*< Esquerda */
        document.getElementById('orient').className = 'orientright';
      $('body').css('-webkit-transform', "rotate(-90deg)");
      $('body').css('-webkit-transform-origin', "160px 160px");
      $('body').css('transform', "rotate(-90deg)");
      $('body').css('transform-origin', "bottom right");
      
    }
   if (window.orientation == 0) { /*< Esquerda */
        document.getElementById('orient').className = 'orientright';
       
      $('body').css('-webkit-transform', "rotate(0deg)");
      $('body').css('-webkit-transform-origin', "0px 0px");
    } 
    
});