使用iOS 11和iPhone X Apple specified,每个应用程序都应位于“安全区域”(由于虚拟首页按钮):
问题是一个Ionic应用程序(第1版),其中选项卡栏覆盖了屏幕的这一部分,因此该栏位于主页按钮下方:
有谁知道如何修理它?
(请注意:如果您在iPhone X模拟器中运行新的Ionic应用程序v1,则会在窗口的顶部和底部出现两个黑色空格,但是您可以防止在内部meta标签中添加“viewport-fit = cover” index.html)
最佳答案
对于Ionic1元素,我发现以tab-nav为目标就可以了。
.tab-nav {
margin-bottom: constant(safe-area-inset-bottom);
}