3

在为 iPad、iPhone iOS Safari 浏览器进行 Web 开发时，使用以下命令可以防止许多问题，例如动画闪烁、position:fixed性能问题、滚动问题等问题：

-webkit-backface-visibility: hidden;
-webkit-transform  : translateZ(0); 
-webkit-transform  : translate3d(0,0,0);

这些 CSS 命令在 Internet 上被推荐用于修复 iPad Safari 浏览器上的错误。但是，最近，我发现每当使用其中任何一个时都会出现问题。不知道有没有人注意到了。当您在网页上捏缩放时，通常任何内容都不会重新加载或刷新，但是当进行上述任何一个 CSS 语句时，捏缩放时您会看到一些卡顿，并且事情会变白一秒钟，就像背景一样消失了，然后它以方形块的形式加载回来。

这是一个非常烦人的问题。我想放弃使用上述命令，但是使用它们和不使用它们都会产生错误。是不是没有办法解决？

4

1 回答 1

0

尝试添加 -webkit-transform ： translateZ(0); 到目标元素接触或越过的任何元素。

我有一个邪恶的 1+ 秒闪烁，这也让我疯狂调试，这在我的实例中有效。

于 2013-07-09T16:38:03.237 回答