Javascript iPhone safari底部栏

我对iPhone safari底部栏（带有后退和前进按钮、新标签按钮和其他东西）有问题。在我的应用程序中，我在屏幕底部有一个绝对定位按钮，其宽度为100%，高度几乎与safari底部栏相同，我的按钮在safari栏的后面，不可见。有没有办法知道safari的底部栏是否在那里，以便我知道何时移动我的内容，或者更好的是，有没有办法完全删除它

我试过这个：

<meta name="apple-mobile-web-app-capable" content="yes">

---

还有最小的ui标签，但它不起作用。

我也有同样的问题。我不认为有一个方法可以完全消除酒吧

虽然我想听听屏幕的大小（因为这就是正在发生的事情）。所以我有一个JS/jQuery函数，它（在我的例子中）将块的最小高度更改为屏幕高度

$(window).resize(...); // For example

另外，在css中添加转换将使事情看起来更好（尽管如果我能正确地回忆起所有事情的话，MobileSafari中的转换也工作得很奇怪）

希望这能有所帮助

如果你能找到更聪明的方法，请告诉我

这可能有效吗

#根{
位置：固定；
身高：100%；
排名：0；
宽度：100%；
}
.集装箱{
显示器：flex；
弯曲方向：立柱；
身高：100%；
}
.窗格{
弹性：1；
身高：100%；
宽度：100%；
}
.酒吧{
弹性收缩：0；
高度：50px；
}

这可能会有帮助吗？“也许吧？”。只发布答案作为答案。如果您不确定，请等待您获得足够的声誉点数进行评论。