rotate3D CSS3變換在Android中不起作用

Question

我使用Phonegap和HTML5（jqueryMobile）創建了一個應用程序。我已經把rotate3D的一個div，

它在谷歌瀏覽器和Safari瀏覽器中工作正常，但它不適用於Android 2.3+ 任何建議嗎？

Answer 1

正如你可以看到她，CSS transforms3D不是由Android 2.3支持： http://caniuse.com/#feat=transforms3d

嘗試升級到安卓4.0（我的作品）

Answer 2

我認爲這是Android的瀏覽器的一個漏洞。我做了一個函數來測試rotate3d是否支持，它說是：

function styleSupport(prop) 
{ 
    var vendorProp; 
    var supportedProp; 
    // capitalize first character of the prop to test vendor prefix 
    var capProp  = prop.charAt(0).toUpperCase() + prop.slice(1); 
    var prefixes = [ "Moz", "Webkit", "O", "ms" ]; 
    var div   = document.createElement("div"); 

    if (prop in div.style) 
    { 
     //browser supports standard CSS property name 
     supportedProp = prop; 
    } 
    else 
    { 
     //otherwise test support for vendor-prefixed property names 
     for (var i = 0; i < prefixes.length; i++) 
     { 
      vendorProp = prefixes[i] + capProp; 
      if (vendorProp in div.style) 
      { 
       supportedProp = vendorProp; 
       break; 
      } 
     } 
    } 
    // avoid memory leak in IE 
    div = null;  
    return supportedProp; 
} 
alert(styleSupport('perspective')); 
alert(styleSupport('transform'));