我遇到了iPhone safari底栏（带有后退和前进按钮，新标签按钮和其他东西）的问题。在我的应用程序中，我在屏幕底部有一个绝对定位的按钮，它的宽度为100％，与safari底栏的高度几乎相同，我的按钮就在safari栏后面，不可见。有没有办法知道safari底栏是否存在，以便我知道何时移动我的内容或更好的是有办法完全删除它？
我试过这个：
<meta name="apple-mobile-web-app-capable" content="yes">
还有minimal-ui标签，但它没有用。
我遇到过同样的问题。我认为没有办法彻底删除吧。
虽然我想要听屏幕调整大小（因为这就是发生的事情）。所以我只有一个JS / jQuery函数（在我的例子中）将块的最小高度更改为屏幕高度。
$(window).resize(...); // For example
同时在css中添加转换会使事情看起来更好（尽管如果我正确地回忆所有内容，移动Safari中的转换也会很奇怪）
希望这会有所帮助。
如果您找到更聪明的方法，请告诉我们！
可能是这样的
#root {
position: fixed;
height: 100%;
top: 0;
width: 100%;
}
.container {
display: flex;
flex-direction: column;
height: 100%;
}
.pane {
flex: 1;
height: 100%;
width: 100%;
}
.bar {
flex-shrink: 0;
height: 50px;
}<html>
<body>
<div id="#root">
<div class="container">
<div class="pane"></div>
<div class="bar"></div>
</div>
</div>
</body>
</html>