Transformation: translateY arbeitet unterschiedlich() jede Vorrichtung

ITransformation: translateY arbeitet unterschiedlich() jede Vorrichtung

angewendet

position: absolute; 
left: 0; 
-webkit-transform: translateY(40%); 
-moz-transform: translateY(40%); 
-ms-transform: translateY(40%); 
-o-transform: translateY(40%); 
transform: translateY(40%); 

//translateY(10%) on mobile

Dieses Element auf.

auf anderen Computer oder Handy. Es sieht gut aus.
Gefällt Ihnen dieses

Aber auf meinem Computer.
Es sieht seltsam ..
wie diese (mobile auf Entwicklermodus)

Warum dies geschah ??

das ist mein User-Agent

Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2743.82 Safari/537.36

Quelle

2016-08-01 Snowcat Jung

Ich denke, man oben oder unten Wert geben, müssen sie richtig zu arbeiten. Einige Browser benötigen eine erste Position, um sie an die neue Position zu übertragen.

bearbeiten: oder Sie können nur geben top: 40% ;?

Quelle

2016-08-01 18:56:04

Nein "oben: 40%" vielleicht 40% der Dokumentenhöhe. Aber übersetzen (40%) ist 40% seines Elements ... –

Ich sehe Ihren Punkt. Haben Sie versucht, 'top: 0;' oder 'translate (0, 40%);'? –

ja, aber es hat nur Documnet's topbasierte 40% von translateY verschoben –

Transformation: translateY arbeitet unterschiedlich() jede Vorrichtung

Antwort

Verwandte Themen