Question

我有一个使用3D转换的Web应用程序，它在Android 4.1上的Android浏览器中运行良好。但是，PhoneGap容器中的相同应用程序会导致挤压和展开动画，而不是透视3D旋转。有没有办法让它在PhoneGap中运行，还是使用不能进行3D转换的不同渲染引擎？

我用

-webkit-perspective: 300;

在父母和

上

-webkit-transform: rotate3d(0, 1, 0, -180deg);
-webkit-transform-style: preserve-3d;

旋转图像上的

。

Answer 1

也许phonegap没有-webkit-前缀。

您应该始终考虑将代码的无前缀属性包括在内，以便将来证明。

Answer 2

perspective属性采用长度值，因此它应始终具有单位。如果没有给出单位，某些浏览器可能会将像素推断为单位，但您应该始终指定。另请注意，较大的透视值会导致较不显着的透视效果。

另外，请确保添加属性的未加前缀版本。这应该是在前缀版本之后，并且正如Tim Nguyen所说，随着浏览器停止需要前缀，将会使您的应用程序面向未来。

顺便说一下，transform-style: preserve-3d;应该给那些孩子在3d空间中被转换的元素，因此它不会在这里做任何事情。

Answer 3

我是PhoneGap场景的新手，但从我在阅读中记得的是，Android在3D过渡中窒息，但这可能只是在jQM中，这通常用于PhoneGap实现。我看到你更多地谈论css，但我想知道你遇到的麻烦，以及jQM开发人员遇到的麻烦是否可以联系起来。