css calc Funktionsfehler im IE

BEARBEITEN

Wie @Joe in seiner Antwort betonte, hat das Problem hier mit dem IE nichts mit Medienabfragen zu tun.

Ich habe daher den alten Titel ("Medienabfragen GLITCH im IE") mit dem aktuellen aktualisiert. (Danke auch an einigeMeta-Ratschläge)

Nur um sicher zu gehen, habe ich ein neues erstelltGEIGE Ich sehe dasselbe (schlechte) Verhalten im Internet Explorer wie in meiner ursprünglichen Fiedel mit den Medienabfragen.

Eine interessante Beobachtung, die mir aufgefallen ist, ist, dass dies nur passiert, wenn ich Division in der Calc-Operation verwende, aber wenn ich etwas Einfacheres wie verwendecalc(100% - x px) - IE handhabt es in Ordnung.

ich benutzemedia queries eine Liste von Feldern zu rechtfertigen.

Grundsätzlich richte ich für jeden # Spaltenstatus eine Medienabfrage ein, die ich dann verwendecalc() um den rechten Rand für jedes der Elemente zu berechnen (mit Ausnahme der Elemente in der letzten Spalte).

Hier ist dieGeige

Jetzt funktioniert das gut in Chrome und Firefox - aber wenn ich das in IE9 + laufen lasse

Ich sehe einen Fehler zwischen Medienabfragezuständen (einschließlich Flackern und Nichtbeachten der Medienabfragen).

Hier ist ein Screenshot von dem, wovon ich rede

[Screenshot bei einer Browserfensterbreite von 710px aufgenommen]:

Ist das ein IE-Fehler oder habe ich etwas falsch gemacht?

Antworten auf die Frage(1)

Ihre Antwort auf die Frage