Einfluss der Elterbreite in Prozent auf die Kompression von Flex-Blöcken in CSS
Nehmen wir an, wir haben fünf Flex-Elemente,
in einer Reihe angeordnet. Lassen Sie uns die Breite des Elternelements
in Prozent angeben und allen Nachfolgern
eine Breite von 100px zuweisen.
Öffnen Sie das untenstehende Beispiel und verkleinern Sie
das Browserfenster so, dass die Elemente nicht mehr
in das Elternelement passen. Dazu muss das Fenster auf weniger als
500px verkleinert werden, da wir 5
Elemente à 100px haben. Wie Sie
bereits wissen, wird der Browser bei einer solchen Kompression die Breite
der Elemente zwangsweise auf weniger als 100px
reduzieren, damit sie in das Elternelement passen. Also,
hier ist das Beispiel:
Wiederholen Sie das Beispiel aus dem theoretischen Teil nach der Vorlage.