使用主屏幕圖標打破iPhone上的設備高度

我正在使用：<meta name="apple-mobile-web-app-capable" content="yes">並在我的主屏幕上添加了一個圖標以繞過iPhone上的Chrome瀏覽器。但是，使用此功能時，我的代碼將div高度設置爲設備高度的100％。使用主屏幕圖標打破iPhone上的設備高度

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

如果我運行Safari瀏覽器上正常的頁面，它工作正常，但如果我從保存的主屏幕圖標來運行。有任何想法嗎？

乾杯。

更多信息：

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

When Broken

When in Safari and working

來源

2013-07-02 mrEmpty

任何屏幕截圖如何看它什麼時候中斷？ – Ron

添加以下內容可以減少奇怪現象，現在底部有150像素的白色：' ' – mrEmpty

嘗試這樣做使用純JavaScript沒有jQuery的，把一個ID = swiper-container放入您的div並使用此代碼：

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

來源

2013-07-02 14:11:04

謝謝，但同樣的問題發生。 – mrEmpty

最後，我用同樣的JQuery在我的身體也：

這修復它，但在iPhone 5你有黑色邊框，喜歡它的一個iPhone 4應用程序。

來源

2013-07-02 21:40:56 mrEmpty

使用主屏幕圖標打破iPhone上的設備高度

回答

相關問題