iOS的工具欄和狀態欄之間的差距
[英]Gap between ons-toolbar and statusbar iOS
問題描述
我將onsenUI框架與Cordova結合使用，以創建一個混合應用程序。
由於某些原因，我觀察到工具欄（文本）和iOS狀態欄（iPhone 6s，iOS 11）之間的間隙要大一些，請參見示例鏈接。 工具欄示例
為了解決此問題並確保該問題不是由我自己的代碼引起的，我在https://onsen.io/v2/api/js/ons-toolbar.html上獲取了工具欄參考的非常簡單示例的代碼。看看在同一部iPhone上發生了什么（未使用自己的CSS文件），並且觀察到了相同的行為。
我正在使用Cordova來構建應用程序，並使用了config.xml的基礎設置，它們是標准Cordova應用程序模板的一部分。 我正在應用2.8.2版的Onsen，也嘗試過CDN版本。 我正在使用真實的iPhone通過XCode測試構建。
為了確認它不是Cordova，我還使用了純HTML以及Framework7的Kitchensick，因為在相同的Cordova設置下都沒有發現間隙，所以與Onsen設置有關。
在瀏覽器中運行應用程序時，差距不會顯示。
是否有相同的行為和/或想法？
1 個解決方案
解決方案1
0 已采納 2017-11-27 17:57:29
您必須將viewport-fit=cover添加到index.html的視口meta標記中
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, viewport-fit=cover">
科爾多瓦上的溫泉工具欄
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.