在iPhone 5 + Safari + Landscape上超级不全屏

Question

我已在此页面上实施了Supersize插件：http://www.olganaum.com/

我已经在一些设备（Android，iPad2，桌面版Chrome）上对该页面进行了测试，一切似乎都没问题。

然而在iPhone 5上，当在横向模式下转动设备时，会发生这种情况： http://i58.tinypic.com/20fexkk.jpg

如您所见，图片未全屏。

有什么想法吗？

Answer 1

如果你经历了同样的事情，那么关键是转动设备。看起来当你从风景转为肖像而反之亦然时，由于某种原因，图像或其容器不会再次呈现完整尺寸。

由于我无法找到根本原因，我应用了此修复程序：

var rotationFix = function () {
        jQuery(window).bind('orientationchange', function(e) {
            document.location.reload(true);
        });
    }

请注意，这只是一个简单的退出，每次你翻转设备页面都会刷新。如果您想进一步采取解决方案，您可以绘制容器以查看哪个容器正在全屏渲染，哪个不是（并在不刷新页面的情况下创建解决方案）。