Я создал одно приложение с помощью Phonegap и HTML5 (jqueryMobile). Я поставил rotate3D для одного div,
он отлично работает в Google Chrome и Safari, но он не работает в Android 2. 3+ Любое предложение?
Как вы можете видеть, CSS transforms3D не поддерживается Android 2.3: http://caniuse.com/#feat=transforms3d
попробуйте перейти на Android 4 (он работает для меня)
Я думаю, что это ошибка браузера 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'));