橫屏項目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);
})();
 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章