缩放正文后在纵向模式下阻止事件

时间:2014-01-22 14:51:58

标签: javascript ipad scaling

我正在编写一个根据窗口大小进行缩放的应用程序。但是,在iPad1和iPad3上(可能在iPad2上),所有事件都在纵向模式下被阻止。在横向模式下,一切都很完美(但设计在纵向模式下更适合)。在iPad4上,该应用程序可在纵向和横向模式下工作。 任何人都知道出了什么问题?

function setAppSize() {

var $page = $('.page');

var winWidth = $(window).width();
var winHeight = $(window).height();
var pageWidth = $page.width();
var pageHeight = $page.height();

scaleFactor = Math.min(winWidth/pageWidth,winHeight/pageHeight);

$('body').css({'-webkit-transform':  'scale(' + scaleFactor + ',' + scaleFactor + ')'});
}

$(window).resize(function() {
    setAppSize();
});

$(window).bind('orientationchange',function() {
    setAppSize();
});

1 个答案:

答案 0 :(得分:0)

它似乎与JP-Player有关,JP-Player是我用来播放音频的外部库。禁用它,使我的sampleCode工作。我会寻找其他音频库,有什么建议吗?

编辑:找到另一个库,现在一切正常。谢谢你的时间!