Alternative zur Transformation: scale () in CSS? ⇐ CSS

[Guest]

Ich denke, jeder ist sich der Tatsache bewusst, dass alle Elemente mit CSS -Eigenschaftsposition: Behoben nicht wie erwartet funktionieren, wenn der Behälter eines Elements mit Transformation Eigenschaft von CSS dekoriert ist.
Ich habe viele Threads durchlaufen, um keine spezifische Lösung für diese Frage zu finden. Ich meine, ich habe mehrere Elemente in meiner Anwendung, in der ich Position muss: behoben zum Arbeiten, da ich Transformation angewendet habe: scale () Eigenschaft auf Body selbst.
Da ich keinen Trick finden konnte, um dieses Ding zum Laufen zu bringen, frage ich stattdessen, ob es eine Alternative zur Transformation gibt: scale () Eigenschaft von CSS. Zoom ist natürlich nicht die Antwort, da sie immer noch nicht mit vielen Browsern kompatibel ist (insbesondere Firefox). p>

Code: Select all

angular.element($window).on('resize load', function () {
var isFirefox = navigator.userAgent.indexOf("Firefox") != -1;
var oWidth = angular.element($window).width();
var oHeight = angular.element($window).height();
console.log(oWidth + " " + oHeight);
if (oWidth >= 1903)
applyCss(100, 100, 1, isFirefox);
if (oWidth < 1903 && oWidth > 1441)
applyCss(125, 125, 0.8, isFirefox);
if (oWidth  1268)
applyCss(149.3, 149.3, 0.67, isFirefox);
if (oWidth