gpt4 book ai didi

当选项卡栏存在时,在 iOS 中的 Safari 中旋转到横向时 HTML 元素消失

转载 作者:太空宇宙 更新时间:2023-11-04 02:16:25 27 4
gpt4 key购买 nike

这是最奇怪的事情。这是源代码。

<!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>栏消失(如果 Safari 的标签栏 Controller 可见——也就是在后台打开标签)!如果没有其他选项卡,则没有问题。 position: fixed有关元素。

我认为这与 Safari 的标签栏 Controller 与视口(viewport)有关。

希望在这方面得到一些帮助。谢谢!

最佳答案

似乎是一个已知错误...

bugs.webkit.org/show_bug.cgi?id=153056

在 StackOverflow 上找到了一个简洁的解决方案(搜索词 position fixed orientation)。该错误似乎是 WebKit 特有的,因此仅限于 iPhone 6/s Plus 和 Safari。 Android 设备和 Chrome 似乎不受影响!

-webkit-transform: translate3d(0, 0, 0)-webkit-transform: translateZ(0) 附加到 CSS 声明。例如,

#icons { ... ; -webkit-转换:translateZ(0)

我不知道两者之间有什么区别,但 translateZ(0) 更短。我还希望不需要 -webkit

愿你得救!

关于当选项卡栏存在时,在 iOS 中的 Safari 中旋转到横向时 HTML 元素消失,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38841476/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com