这是最奇怪的事情。这是源代码。
<!doctype html>
<html><head><meta charset="utf-8"><title>Kaely Michels-Gualtieri</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body { margin: auto }
#icons { margin: auto; position: fixed; left: 0px; bottom: 0px; right: 0px; width: 50%; height: 100px; background: black }
</style></head>
<body>
<span id="icons">
<a href="/"></a>
</span>
</body></html>
我正在尝试运行最新版本，9.3或其他内容（没什么特别的）的iOS设备，而当我使用上面提供的源代码定位设备时，<span>栏会消失< / strong>（如果Safari的标签栏控制器可见 - AKA在后台打开标签页）！如果没有其他标签，则没有问题。 与position: fixed元素有关。
我认为这与Safari的标签栏控制器拧紧视口有关。
会喜欢这方面的帮助。谢谢！
答案 0 :(得分：1)
似乎是一个已知的错误......
bugs.webkit.org/show_bug.cgi?id=153056
在StackOverflow上找到了一个简洁的解决方案（搜索字词position fixed方向）。该错误似乎是WebKit特有的，因此仅限于iPhone 6 / s Plus和Safari。 Android设备和Chrome似乎不受影响！
将-webkit-transform: translate3d(0, 0, 0)或-webkit-transform: translateZ(0)附加到CSS声明中。例如，
#icons { ... ; -webkit-transform: translateZ(0) }
我不知道两者之间存在差异，但translateZ(0)更短。我还希望不需要-webkit。
愿你得救！
答案 1 :(得分：0)