Android 4.1 の Android ブラウザーで正常に動作する 3D 変換を使用する Web アプリがあります。ただし、PhoneGap コンテナー内の同じアプリは、3D 回転ではなく、スクイーズと展開のアニメーションになります。PhoneGap で実行する方法はありますか、それとも 3D 変換を実行できない別のレンダリング エンジンを使用していますか?
私が使う
-webkit-perspective: 300;
親と
-webkit-transform: rotate3d(0, 1, 0, -180deg);
-webkit-transform-style: preserve-3d;
回転画像に。
perspectiveプロパティは長さの値を取るため、常に単位を持つ必要があります。一部のブラウザーは、単位が指定されていない場合、ピクセルを単位として推測する場合がありますが、常に指定する必要があります。また、パースペクティブの値を大きくすると、遠近感の劇的な効果が低下することにも注意してください。
また、プロパティのプレフィックスなしのバージョンも必ず追加してください。これは、プレフィックス付きのバージョンの後に来る必要があり、Tim Nguyen が言ったように、ブラウザがプレフィックスを必要としなくなるので、アプリの将来性が保証されます。
余談ですがtransform-style: preserve-3d;、子が 3D 空間で変換される要素には を指定する必要があるため、ここでは実際には何もしていません。
プレフィックスなしで phonegap が機能する可能性があり-webkit-ます。
将来の保証のために、コードに接頭辞のないプロパティを含めることを常に考える必要があります。
私は PhoneGap シーンに慣れていませんが、読書で覚えていることから、Android は 3D トランジションでチョークしますが、それは PhoneGap 実装でよく使用される jQM にある可能性があります。あなたが css についてもっと話しているのを見ましたが、あなたが遭遇している問題と、jQM 開発者が問題を抱えていた問題が関連している可能性があるのではないかと考えています。