超大尺寸在 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);
        });
    }

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