CSS3实现网页自动横屏和缩放

 在一些特殊场景需要自动横屏效果或者缩放时可以用下面这个方法实现

例如：

1、网页尺寸固定为 1920 * 1080

2、当屏幕宽度小于高度的时候，自动横屏

3、每次页面大小改变时重新处理页面

function autoscreen(){
     var w = document.documentElement.clientWidth || document.body.clientWidth;
     var h = document.documentElement.clientHeight || document.body.clientHeight;

     if(w < h) {
          $('body').css({
               "transform": "scale("+ w/1080 +","+ h/1920 +") rotate(90deg) translate(0px, -"+ 1080 + "px)"
           });
     }else{
          $("body").css({
               "transform":"scale("+ w/1920 +","+ h/1080 +")"
          });
     }
}


window.onresize = function(){
     autoscreen();
}