Responsive img grenzenlos min-width kombi max-width und img+txt gleiche höhe

[Henry]

Hallo Gunnar,

Warum ist das so, warum keine grenzenlose Verkleinerung?

Frag den Hersteller deines Browsers.

Also ist dieses Verhalten, obwohl es FF und IE betrifft, nicht so vorgesehen. Interessant.

Am einfachsten und logisch wäre ja eine Kombination von min-width und max-width, also Mindestgröße und Maximalgröße, was aber nicht zu funktionieren(Recherche & Versuche) scheint.

Der Schein trügt.

Oder gehst das doch irgendwie?

Ja, natürlich.

Ja? Aber nicht so einfach wie zb. <img src="..." style="min-width:10%;max-width:100%;">?

…ohne Tricksereien wie absolut positionieren oder ähnliches, und ohne ewiges try & error machbar?

Ja, natürlich. Wir haben schließlich 2018.

Danke für deine Mühe. Leider ist das eben genau, was ich meinte. Hier kommt wieder Flexbox/Float zum Einsatz, obwohl die Schwächen sowieso bekannt sind und im Übrigen es ja nur um eine simple Ausrichtung geht, die doch 2018 (so sollte man meinen) mit einem einzigen simplen Befehl, ähnlich vertical-align, komplett erledigt sein sollte.

Mich wundert auch, dass du als Grid-Spezialist hier nicht eine Variante damit gezaubert hast, müsste doch gehen oder?

Ich habe es mal probiert, tu mich aber schwer, solange ich die Aufgabe so einfach wie ein Tabellenkonstrukt handhaben möchte, aber vielleicht geht's ja doch?

Gruss
Henry

Nachtrag: Ist bei deinem Beispiel die fehlende viewportangabe <meta name="viewport"… Absicht gewesen?