2

我有一个 Web 应用程序 (HTML/CSS/JS)，它可以在不同的屏幕之间“转换”——屏幕相当复杂——上面有很多元素。实际上，它与http://beta.usatoday.com/非常相似，只是它上下以及从左到右。（而且它可能稍微不那么复杂）。

所以我使用 CSS3 过渡来管理视图之间的滑动。在我的机器上，它们既光滑又漂亮，而且应用程序看起来非常好。但是，在较旧的机器上，体验就不太令人满意了。例如带有集成显卡的 Core2Duo 笔记本电脑 - 大约 3 岁。在这一点上，我得到了非常跳跃的过渡，而且过渡需要很长时间。它们设置为 0.3 秒的持续时间，但是，在较旧的机器上，它们需要 4/5 秒。

所以我的问题是：

  • 我可以做些什么来提高旧硬件的流畅度？
  • 如果我不能，有没有办法基于硬件（或通过测量转换实际持续时间）进行回退，以便我可以设置位置？
4

1 回答 1

1

对于某些浏览器版本和移动浏览器，webkit 中存在一个错误，导致转换非常滞后。对我有用的修复之一是添加：

-webkit-transform: translate3D(0, 0, 0);

另一个解决方案与在过渡期间如何呈现背面可见性有关。对此的修复是添加以下内容，即使背面之前没有更改。

-webkit-backface-visibility: hidden;

如果没有看到您的代码，很难说这些是否会有所帮助，但请尝试一下（并且显然是在浏览器的适当前缀中添加）。

于 2012-11-26T09:35:50.240 回答