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);
        });
    }

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