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();
}