Flexbox Problem im IE11: Elemente mit äußerst geringer Breite übereinander gestapelt statt nebeneinander (Firefox & Chrome funktionieren)

[Gunnar Bittersmann]

@@JürgenB

für dem IE würde ich keinen Aufwand mehr betreiben. Ich würde mit supports prüfen, ob der Browser flex unterstütz, und nur dann dem main ein display flex geben:

@supports (display: flex) {
  main { display: flex }
 ...
}

Wobei der IE dann main { display: flex } nicht anwendet – und zwar nicht dehalb, weil er display: flex nicht unterstützen würde (tut er nämlich), sondern weil er @supports nicht unterstützt und deshalb den ganzen Block ignoriert.

🖖 Stay hard! Stay hungry! Stay alive! Stay home!