Safari iOS 7.1 minimal-ui和智能應用橫幅

我與iOS 7.1的minimal-ui功能在與智能應用橫幅一起使用時似乎有問題。Safari iOS 7.1 minimal-ui和智能應用橫幅

我在頁面頂部有空隙，應用程序橫幅覆蓋頁面內容。

我把所有的樣式都關閉了，所以我知道它不是我自己的CSS導致的。

這是一個iOS的錯誤？

編輯：演示：demo

和截圖：

Gap above page

來源

2014-03-26 Andrew Bullock

酒吧的大小看起來與狀態欄大小相同，你有代碼嘗試通過狀態欄高度偏移頁面嗎？ –

請參閱演示鏈接：http://blog.muonlab.com/wp-content/uploads/2014/03/ios.html您可以使用零內容/腳本/ css導致它。 iOS bug檢測。 sigghhhh –

如果你不介意使用一些JavaScript這裏是我如何固定它。

<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=0, minimum-scale=1.0, width=device-width, minimal-ui" /> 
<script> 
    document.body.scrollTop = 0; 
    document.write('<meta name="apple-itunes-app" content="app-id=XXXXXXXX"/>'); 
</script>

這基本上強制滾動，然後告訴Safari使用橫幅。

來源

2014-05-06 14:16:00

這對我來說不起作用，因爲document.write並未導致智能橫幅出現（iOS 7.1.1）。我們最終刪除了'minimal-ui'，因爲它不是絕對必要的。 – ehsanul

minimal-ui視口屬性是不再支持在iOS 8（請參閱iOS 8 Release Notes）。

因此，我的建議是不使用minimal-ui在所有和智能橫幅將顯示得很好。

來源

2014-09-12 14:44:27 Mobiletainment

Safari iOS 7.1 minimal-ui和智能應用橫幅

回答

相關問題