5

スパンタグの画像に次のcssを適用しました。

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

このcssスタイルは、iOS Webビュー、デスクトップブラウザーでは機能しますが、AndroidWebビューでは機能しません。AndroidWebビューもWebキットベースです。

私の質問は、なぜこれがAndroidでレンダリングされないのかということです。

4

3 に答える 3

5

AFAIK、回転変換はブロックレベルの要素にのみ適用されます。スパンは、デフォルトではインライン要素です。

于 2012-10-31T20:32:25.833 に答える
4

私は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>
于 2012-05-10T04:56:42.543 に答える
0

これはあなたを助けるでしょう..私はMotorllaXOOMデバイスでこれをチェックしました。

.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 */
}
于 2012-05-09T07:34:59.370 に答える