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

[Anonymous]

Ich denke, jeder ist sich der Tatsache bewusst, dass alle Elemente mit der CSS -Eigenschaftsposition: Fixes nicht wie erwartet funktionieren, wenn der Behälter eines Elements mit Transformation Eigenschaft von CSS dekoriert ist. Ich meine, ich habe mehrere Elemente in meiner Anwendung, in der ich Position benötige: Fix zur Arbeit, da ich Transformation angewendet habe: scale () Eigenschaft auf Körper selbst. Zoom ist natürlich nicht die Antwort, da sie immer noch nicht mit vielen Browsern kompatibel ist (insbesondere Firefox).

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