Javascript 在safari ios上隐藏方向转换

我以为这是一个非常常见的问题，但实际上我没有找到任何答案

我正在为手机制作一个webapp/网站。 当用户旋转手机时，我想在页面旋转之前隐藏整个身体，这是一种丑陋的变形/过渡。然后，完成此转换后，再次显示主体

我已经完成了在android上运行的代码的最低版本。 主体上有一个背景图像，html标记上有一个红色背景。 预期的结果是：永远不要旋转图像。只有一个红色屏幕也不旋转

谢谢你的帮助

ps：我想我已经把问题缩小到了在ios上轮换之后，以及在android上预期的那样之前，正在触发的方向更改事件

$(window).resize(function() {
    $("#wrapper").css("display","none");
    if(this.resizeTO) clearTimeout(this.resizeTO);
    this.resizeTO = setTimeout(function() {
        $(this).trigger('resizeEnd');
    }, 500);
});

$(window).bind('resizeEnd', function() {
    $("#wrapper").css("display","block");
});

开始调整大小，隐藏包装。在0.5秒内不调整大小，显示

---

谢谢你的回答，很抱歉耽搁了。但同样的问题也出现了：在我想要隐藏的难看的转换之后，resize事件被触发。哦，好吧，值得一试。看起来也许iOS给了屏幕优先权，你要等到太晚了才能抓拍。很高兴知道这个错误+1.