缩放body后,事件在肖像模式下被阻塞



我正在编写一个应用程序,该应用程序取决于窗口大小。但是,在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();
});

它似乎与我用于播放音频的外部库JP-Player有关。禁用此功能,使我的SampleCode起作用。我会寻找其他音频图书馆,有什么建议吗?

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

最新更新