我在使用 iPhone safari 底部栏时遇到问题(带有后退和前进按钮、新标签按钮和其他内容的底部栏)。在我的应用程序中，我在屏幕底部有一个绝对定位的按钮，它的宽度为 100%，高度几乎与 safari 底部栏相同，我的按钮在 safari 栏后面而不是可见的。有没有办法知道 safari 底部栏是否存在，以便我知道何时移动我的内容，或者更好的是有没有办法完全删除它？
我试过这个:
<meta name="apple-mobile-web-app-capable" content="yes">
还有 minimal-ui 标签，但它不起作用。
最佳答案
我遇到了同样的问题。我认为没有办法完全消除障碍。
虽然我考虑过听屏幕调整大小(因为这就是正在发生的事情)。所以我只有一个 JS/jQuery 函数(在我的例子中)将 block 的最小高度更改为屏幕高度。
$(window).resize(...); // For example
同时在 css 中添加过渡会让事情看起来更好(尽管如果我没记错的话，移动 safari 中的过渡也很奇怪)
希望这能有所帮助。
如果您找到更聪明的方法，请告诉我!
关于javascript - iPhone safari 底部栏，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45550988/