-webkit-变换不会在Android中的WebView工作 [英] -webkit-transform does not work in Android webview

问题描述

我已经应用了下面的CSS到图像中的span标签。

i have applied the following css to an image in span tag.

-moz-transform: rotate(-2deg);
-webkit-transform: rotate(-2deg);
transform:rotate(-2deg);
-o-transform: rotate(-2deg);

这CSS样式适用于IOS的WebView，桌面浏览器，而不是在Android的WebView，这也是基于WebKit的。

this css style works on ios webview, desktop browser, but not on android webview, which is also webkit based.

我的问题是，为什么这不是在Android上呈现。

my question is why this is not rendered on Android.

推荐答案

我使用的Andr​​oid 3.1版，这code工作对我罚款.. 我的code低于

i am using android version 3.1 and this code working fine for me.. my code is below

.transofmr
{
transform: rotate(30deg);
-ms-transform: rotate(30deg); /* IE 9 */
-webkit-transform: rotate(30deg); /* Safari and Chrome */
-o-transform: rotate(30deg); /* Opera */
-moz-transform: rotate(30deg); /* Firefox */

width:200px;
height:200px;
background-color:#339933;
}
<div class="transofmr">Transform</div>

这篇关于-webkit-变换不会在Android中的WebView工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！