Javascript 使用主屏幕图标会破坏iPhone上的设备高度

我正在使用：

并在我的主屏幕上添加一个图标，以便在iPhone上浏览Chrome浏览器。但是，使用此选项时，我将div height设置为设备高度的100%的代码失败

$(".swiper-container").css({
    "width" : $(window).width(), 
    "height" : $(window).height()
});

如果我在Safari上正常运行页面，它可以正常工作，但如果我从保存的主屏幕图标运行，则不会正常工作。有什么想法吗

干杯

更多信息：

www.andrewlarking.co.uk/LBSEvents/lbss.html

---

尝试在不使用jQuery的情况下使用纯javascript执行此操作，将id=swiper容器放入div并使用以下代码：

e = document.getElementById('swiper-container');
e.style.height = window.innerHeight + "px";
e.style.width  = window.innerWidth + "px";

---

最后，我在我的身体上也使用了相同的JQuery：

$("body").css({ 
    "min-height" : $(window).height()
});

---

这就解决了这个问题，尽管在iPhone 5上你有一个黑色边框，就像iPhone 4应用程序一样。

有没有任何屏幕截图显示它崩溃时的样子？添加以下内容可以减少奇怪之处，我现在在底部有150像素的白色：

谢谢，但同样的问题也发生了。