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>

Answer 3

这将有助于你..我在摩托罗拉XOOM设备中检查过这个..

.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 */
}

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

3 个答案: