Prozentuale Höhenangabe wird ignoriert

[MrMurphy1]

Hallo,

mit reinem Flexbox geht das nicht. Reines Flexbox heißt, dass keine Breitenangaben (width oder max-width) erforderlich sind, da Flexbox die wie vorgesehen selbst berechnet.

Wenn die Bilder sich alle direkt in einem Container befinden funktioniert Flexbox überhaupt nicht, da die Höhe der Bilder sich nicht proportional anpasst. Dann muss gefloatet werden und das max-width der Bilder wird mit calc berechnet.

Wenn sich die Bilder jeweils in eigenen Containern befinden, die sich wiederum in der Flexbox befinden, kann die max-width der Container mit calc berechnet werden und die Bilder passen sich dann auch proportional an.

Bei beiden Lösungen müssen je nach Box-Modell noch padding und / oder border und / oder margin berücksichtigt werden.

Gruss

MrMurphy