这绝对使我困惑。我有一个使用全屏“启动画面”的网站，然后用户滑开该网站以显示下面的内容。在Chrome和Firefox中，所有内容均可正确显示，但在Safari（移动设备和台式机）上，div均在中间分开，div的左半部分是透明的（显示下面的内容），而只有右半部分可见。它中的所有内容仍然像全屏一样定位，但都突然在屏幕中间和图像和一段文本中间截断了。经过几天的检查后，我找不到Safari表现出这种真正奇怪行为的任何原因-拆分似乎没有遵循任何现有边界或任何元素的边界，检查员的行为就像整个div可见。
我唯一能想到的是：这个问题似乎是在我向身体介绍一些schmancy transform3d效果的同时出现的，Safari是否因无法正确处理transform3d效果而闻名？
由于我不知道哪一部分代码可能会引起此故障，因此我不确定要在此处粘贴什么代码，但是网站为http://vanderstank.church。对于这个问题的广泛性，我再次表示歉意，但我无法进一步缩小范围。多谢您的协助，您或许可以解决这种情况。
答案 0 :(得分：0)
我自己解决了这个问题-它与我添加的3D旋转有关。事实证明，我不仅将rotateY(6deg)效果应用于body，而且还应用于#front div。我无法使#front轮换真正正常地工作，所以我放弃了它，但是忘记删除该行。
但是，由于#front上有一个rotateY(6deg)，并且与body在同一平面/轴上，因此它呈现为好像其右半部分位于“身体前面”但左半部分在身后。仍然不确定为什么这仅发生在Safari中。
伙计们，请记住删除或注释掉旧代码！