css calc-bug im IE11

IE11 scheint nicht zu berechnen calc(50% - 1rem), aber alle anderen Browser tun.

Wie kann ich es beheben?

InformationsquelleAutor Blaja | 2014-04-12
  1. 9

    Laut diese Antwort, es ist offenbar ein bug mit flexbox und wie IE11 verarbeitet. Nämlich, Sie können nicht calc() mit der flex Kürzel in IE11, wie Sie versuchen zu tun.

    Habe ich nicht den IE11 auf dieser Maschine, so kann ich das nicht testen Lösung für Sie, ich bin auch nicht wirklich erfahren mit flexboxes, aber versuchen, das schreiben der Eigenschaft, die Sie verwenden möchten (z.B. wachsen, schrumpfen, - basis) in long-form.

    EDIT: Nach einigen weiteren Forschung, eine Potenzial Grund HIERFÜR ist, dass der IE11 versucht, etwas dummes zu tun wie kombinieren von Werten zu erlauben, Sie für Dezimalzahlen. Haben Sie versucht, so etwas wie calc((50%) - (1rem))?

    • diese Antwort ist richtig. Verwenden Sie nicht die Kurzform flex Erklärung mit calc(). flex-basis sollte explizit verwendet. github.com/philipwalton/...
    • calc((50%) - (1rem)) funktioniert nicht btw
    • Was meinst du? ja, es funktioniert.
    InformationsquelleAutor TylerH
Schreibe einen Kommentar