android - -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、桌面浏览器，但不适用于同样基于 webkit 的 android webview。

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

Answer 1

AFAIK，旋转变换仅适用于块级元素。默认情况下，跨度是内联元素。

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

这将帮助你..我已经在 Motorlla 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 */
}