beatovich: Responsive Bild Flex Lücke BUG?

Beitrag lesen

problematische Seite

hallo

hallo

Flex hat Einfluss auf die Kinder eines Elements. Du formatierst aber in beiden Fällen .flex img. Im zweiten Fall ist das Kind des Flexcontainers aber das a-Element, nicht das Bild.

na und?

Die Frage ist doch, warum werden flex-Children so angelegt, als ob auf derene eigene Children keine scaling-Regeln bestehen würden?

Der aktuelle Standard ist auf jeden Fall nicht explicit.

Die Neuerung flex-basis:content verweist ev. darauf, dass das kein Bug ist. Aber auch das ist eher Kaffeesatz lesen. Das demonstrierte Verhalten ist auf jeden Fall nicht verständlich und die Frage legitim.

Also, wir haben ein img, das im ersten Fall 50% max-width des flex-containers hat. Im zweiten Fall jedoch 50% max-width des Flex-child Ankerelements hat.

Wer nun annimmt, dass das a Element flex-shrink erleben sollte (tut es auch, aber eben nicht über den erhofften Bereich), verlangt nach der Inkonsistenz, dass dann das img nicht mehr max 50%-breit relativ zum Anker Element ist.

Das vom Browser gerenderte Verhalten erachte ich deshalb als korrekt.