Cordova不支持的Transform屬性

我正在用Ionic框架構建Apache Cordova應用程序，並使用Phonegap Build進行構建。在我的應用程序的主網頁我有這個樣子的圖標，一對夫婦行：Cordova不支持的Transform屬性

我的問題是，從Android 4.4.x及以下的圖標被移動。我縮小了範圍，並意識到我的transform: translate(-50%, -50%);在舊設備上不起作用。看起來像其他人似乎same issue.

如何做這種變換效果，以便它是由所有設備/ webviews /瀏覽器支持？

2017-01-06 Thomas Juranek

問題不在於Cordova，而在於webview的渲染引擎。嘗試與供應商前綴版本：

 transform: translate(-50%, -50%); 
-webkit-transform: translate(-50%, -50%);

來源

2017-01-06 21:13:35 Schlaus

爲了安全起見使用所有供應商前綴版本

transform: translate3d(-50%, -50%); 
-ms-transform:translate3d(-50%, -50%); 
-o-transform: translate3d(-50%, -50%); 
-webkit-transform: translate3d(-50%, -50%); 
-moz-transform: translate3d(-50%, -50%);

還可以使用translate3d代替翻譯。翻譯強制CPU渲染css，而translate3d使用您的手機GPU使您的過渡/動畫更加流暢

來源

2017-01-07 06:42:34

Cordova不支持的Transform屬性

回答

相關問題