flex Eigenschaft funktioniert nicht im IE
Ich konnte nicht feststellen, warum Flexbox in IE 11 nicht funktioniert.
Zum Testen habe ich ein sehr einfaches Flexbox-Layout von CodePen bezogen und die folgenden Informationen eingefügt.
Chrome funktioniert wie vorgesehen. IE11 schlägt fehl.
Bild des erfolgreichen Layouts in Chrome:
Bild von Layout-Fehler auf IE11
body {
background: #333;
font-family: helvetica;
font-weight: bold;
font-size: 1.7rem;
}
ul {
list-style: none;
}
li {
background: hotpink;
height: 200px;
text-align: center;
border: 2px solid seashell;
color: seashell;
margin: 10px;
flex: auto;
min-width: 120px;
max-width: 180px;
}
.flex {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
<ul class="flex">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
</ul>