-webkit-transform在Android webview中不起作用

Question

我已将以下css应用于span标记中的图像.

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

这个css风格适用于ios webview,桌面浏览器,但不适用于android webview,这也是基于webkit的.

我的问题是为什么这不会在Android上呈现.

Answer 1

AFAIK,旋转变换仅适用于块级元素.默认情况下,span是内联元素.

Answer 2

我正在使用 android 版本 3.1，这段代码对我来说工作正常..我的代码如下

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

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