移动端强制横屏

//参数是jquery对象
changeOrientation($("html"))

function changeOrientation($print) {  
var width = document.documentElement.clientWidth;
var height =  document.documentElement.clientHeight;
if(width < height) {
    $print.width(height);
    $print.height(width);
    $print.css(‘top‘,  height / 2 );
    $print.css(‘left‘,  height/ 2 );
    $print.css(‘transform‘, ‘rotate(90deg)‘);
    $print.css(‘transform-origin‘, height/2+"px " +height/2+"px");
} 

var evt = "onorientationchange" in window ? "orientationchange" : "resize";
    
    window.addEventListener(evt, function() {


    setTimeout(function() {
        var width = document.documentElement.clientWidth;
        var height =  document.documentElement.clientHeight;
      
        
  
      if( width > height ){
          $print.width(width);
          $print.height(height);
          $print.css(‘top‘,  0 );
          $print.css(‘left‘,  0 );
          $print.css(‘transform‘ , ‘none‘);
          $print.css(‘transform-origin‘ ,  height/2+"px " +height/2+"px");
       }
       else {
        $print.width(height);
          $print.height(width);
          $print.css(‘top‘,  (height-width)/2 );
          $print.css(‘left‘,  0-(height-width)/2 );
          $print.css(‘transform‘ , ‘rotate(90deg)‘);
          $print.css(‘transform-origin‘ ,  height/2+"px " +height/2+"px");
       }
  }, 300);    
 }, false);
}

 

changeOrientation( $( "html"))
function changeOrientation( $print) { var width = document. documentElement. clientWidth; var height = document. documentElement. clientHeight; if( width < height) { $print. width( height); $print. height( width); $print. css( ‘top‘, height / 2 ); $print. css( ‘left‘, height/ 2 ); $print. css( ‘transform‘, ‘rotate(90deg)‘); $print. css( ‘transform-origin‘, height/ 2+ "px " + height/ 2+ "px"); }
var evt = "onorientationchange" in window ? "orientationchange" : "resize";   window. addEventListener( evt, function() {

setTimeout( function() { var width = document. documentElement. clientWidth; var height = document. documentElement. clientHeight;       if( width > height ){ $print. width( width); $print. height( height); $print. css( ‘top‘, 0 ); $print. css( ‘left‘, 0 ); $print. css( ‘transform‘ , ‘none‘); $print. css( ‘transform-origin‘ , height/ 2+ "px " + height/ 2+ "px"); } else { $print. width( height); $print. height( width); $print. css( ‘top‘, ( height- width)/ 2 ); $print. css( ‘left‘, 0-( height- width)/ 2 ); $print. css( ‘transform‘ , ‘rotate(90deg)‘); $print. css( ‘transform-origin‘ , height/ 2+ "px " + height/ 2+ "px"); } }, 300);   }, false); }