android - CSS3 变换的 rotate3D 在 Android 中不起作用

Question

我使用 Phonegap 和 HTML5 (jqueryMobile) 创建了一个应用程序。我已经为一个 div 放置了 rotate3D，

它在 google chrome 和 Safari 中运行良好，但在 Android 2.3+ 中无法运行有什么建议吗？

Answer 1

我认为这是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'));

Answer 2

如您所见，Android 2.3 不支持 CSS transforms3D：http: //caniuse.com/#feat=transforms3d

尝试升级到 Android 4（它适用于我）