Duplicating Zoom CSS-Eigenschaft auf dem gleichen Element setzt Zoom 1 in Chrome

hier eine vereinfachte Version eines Problems, das ich erlebt (Bug?):Duplicating Zoom CSS-Eigenschaft auf dem gleichen Element setzt Zoom 1 in Chrome

http://jsfiddle.net/LxkA2/8/

Mitteilung über das dritte Element und die damit verbundenen Styling:

.zoom-twice-same { 
    zoom: 2; 
} 
.zoom-twice-same { 
    zoom: 2; 
}

In Chrome diese setzt der Zoom auf 1 auf dieses Element. Das gleiche geschieht mit:

.zoom-twice-same, .zoom-twice-same { 
    zoom: 2; 
}

jedoch

.zoom-twice-same { 
    zoom: 2; 
} 
.zoom-twice-same { 
    zoom: 3; 
}

Arbeiten wie erwartet (Element 2).

Außerdem

.zoom-twice-same { 
    zoom: 2.000001; 
} 

.zoom-twice-same { 
    zoom: 2; 
}

wie erwartet funktioniert. Mit zoom: 2.0000001 und 2 nicht.

Ist dies ein Fehler oder gibt es einen Grund für dieses Verhalten?

Quelle

2014-05-07 goldins

Schöne finden .. das ist wirklich seltsam. Sie würden denken, die Eigenschaften würden sich gegenseitig überschreiben. Es ist sicher anzunehmen, dass dies ein Chrome-Rendering-Fehler ist. –

@JoshCrozier Das ist, was ich dachte. Ich habe einen Fehlerbericht über Chrome gesendet. Ich denke, es ist kein großer Fehler, aber es kann ein Schmerz sein, wenn man mit einigen Bibliotheken arbeitet, die zu überlappenden CSS führen (in meinem Fall angular animate). – goldins

Ich habe Ihre JSFiddle und bemerkt, dass Sie die folgenden CSS zweimal wiederholt hatte:

.zoom-twice-same { 
    zoom: 2; 
}

Als ich das zweite .zoom-twice-same das Problem beseitigt nicht wieder auftreten, wie Sie here sehen werden.

Quelle

2014-05-28 08:31:40 Jacob

Richtig ... meine Jsfiddle wies ausdrücklich darauf hin, dass doppelte CSS-Zoomdefinitionen dazu führten, dass der Zoom überhaupt nicht angewendet wurde. – goldins

Duplicating Zoom CSS-Eigenschaft auf dem gleichen Element setzt Zoom 1 in Chrome

Antwort

Verwandte Themen