2012-05-09 14 views
5

ich habe die folgenden css auf ein Bild in span-Tag angewendet.-webkit-transform funktioniert nicht in Android webview

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

diese CSS-Stil arbeitet auf ios webview, Desktop-Browser, aber nicht auf Android webview, die basierend auch Webkit ist.

meine Frage ist, warum dies nicht auf Android gerendert wird.

+1

Ich weiß, es ist vor 4 Jahren, aber haben Sie jemals dieses Problem gelöst? Versuche, ein Bild zu transformieren (nicht einmal rotieren) und es funktioniert nicht mit Android-Webview, aber funktioniert überall sonst, einschließlich der Webansicht im Emulator. –

Antwort

4

ich bin mit Android-Version 3.1 und diesen Code arbeiten gut für mich .. mein Code unter

.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> 
0

dies wird dazu beitragen, u .. Ich habe dies in Motorlla XOOM Gerät geprüft ..

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

danke cgvector. Ich bin mir nicht sicher, ob das Telefon Hardware-bezogen ist. Ich versuchte Galaxy S2 und Motorola Droid, beide rotieren nicht. aber ich habe im Simulator versucht, alles funktioniert wie erwartet. glaubst du, das hat mit der version des android phone zu tun? Rendering-Engine Ihres Browsers? Wenn ja, kannst du mir die Version von ur xoom sagen, damit ich auch meine überprüfen kann? – user1118019

+0

hast du auch mit negativem Wert versucht, hat es funktioniert? – user1118019

5

AFAIK, die Rotationstransformation wird nur auf Elemente auf Blockebene angewendet. Ein Bereich ist standardmäßig ein Inline-Element.

+1

Dies ist eine ziemlich alte Frage mit einer akzeptierten Antwort. Es wäre gut, wenn Sie Ihre Behauptungen mit Verweisen auf relevante Dokumentation sichern könnten. – Kev

Verwandte Themen