propriedade flex não funciona no IE
Não consegui determinar por que o flexbox não está funcionando no IE 11.
Para os testes, obtive um layout de caixa flexível muito simples do CodePen e colei as informações abaixo.
Chrome funciona como pretendido; O IE11 falha.
Imagem do layout-success em execução no Chrome:
Imagem de falha de layout no 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>