Influence de la largeur du parent en pourcentage sur la compression des blocs flex en CSS

Supposons que nous ayons maintenant cinq éléments flex, disposés en ligne. Donnons au parent une largeur définie en pourcentage, et à tous les descendants une largeur de 100px.

Ouvrez l'exemple ci-dessous et réduisez la fenêtre du navigateur de sorte que les éléments ne puissent plus tenir dans le parent. Pour cela, la fenêtre doit être réduite à moins de 500px, car nous avons 5 éléments de 100px chacun. Comme vous le savez déjà, lors d'une telle réduction, le navigateur diminuera forcément la largeur des éléments en dessous de 100px afin qu'ils puissent tenir dans le parent. Voici donc l'exemple :