Css iphone5+；Safari+；景观

我已在此页面上实现了超大插件：

我已经在一些设备（Android、iPad2、桌面的Chrome）上测试过这个页面，一切看起来都正常

但在iPhone 5上，当将设备打开横向模式时，会发生以下情况：

正如您可能看到的，图像不是全屏显示的

---

有什么想法吗？

如果你正在经历我经历过的同样的事情，那么钥匙是开着的，转动设备。似乎当您从横向转到纵向，反之亦然，图像或其容器出于某种原因不再渲染全尺寸

由于找不到根本原因，我应用了以下修复：

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

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