横屏项目orientation.js

(function() {
  var wb, hb;

  function resizeBody() {
    wb = document.documentElement.clientWidth;
    hb = document.documentElement.clientHeight;
    if (hb <= wb) {
      $('.page,.dialog').css({
        top: '50%',
        left: '50%',
        right: 'auto',
        bottom: 'auto',
        width: wb,
        height: hb,
        '-webkit-transform': 'translate( -50%, -50%) rotate( 0deg)',
        'transform': 'translate( -50%, -50%) rotate( 0deg)',
      }).removeClass('landscape').addClass('portrait');
      // $('body').removeClass('landscape').addClass('portrait');
      getFontSize(wb);
      app.isForcedLandscape = true;
      app.pageHeight = hb;
      app.pageWidth = wb;

    } else {
      $('.page').css({

        top: '50%',
        left: '50%',
        right: 'auto',
        bottom: 'auto',
        width: hb,
        height: wb,
        '-webkit-transform': 'translate( -50%, -50%) rotate( 90deg)',
        'transform': 'translate( -50%, -50%) rotate( 90deg)',
      }).removeClass('portrait').addClass('landscape');
      // $('body').removeClass('portrait').addClass('landscape');
      getFontSize(hb);
      app.isForcedLandscape = false;
      app.pageHeight = wb;
      app.pageWidth = hb;

    }
    $(".p11Content").css({

        top: '50%',
        left: '50%',
        right: 'auto',
        bottom: 'auto',
        width: app.pageHeight,
        '-webkit-transform': 'translate( -50%, -50%) rotate( -90deg)',
        'transform': 'translate( -50%, -50%) rotate( -90deg)',
      }).removeClass('portrait').addClass('landscape');
    // app.setVideoSize();
  }

  function getFontSize(clientHeight){
//  var fontSize =  clientHeight/ 3.75;
//  fontSize = fontSize > 180 ? 180 : fontSize;
//  document.documentElement.style.fontSize = fontSize + 'px';
  }

  resizeBody();
  setTimeout(function(){
    resizeBody();
  },1000);
  // window.addEventListener("resize", resizeBody, false);
})();