Bildgröße automatisch anpassen - Seite 2

Sunlion · #11 (**permalink**) 24.08.2023, 20:07

Zitat:

Zitat von top

Versuch es mal so:

Code:

img, picture {
	max-width: 80vw;
	max-height: 80vh; /* fallback */
	max-height: 80dvh;
	object-fit: scale-down;
}

(Hier besser dvh statt vh nutzen. Ob der Fallback für alte Browser nötig ist musst du selbst entscheiden.)

Das scheint zu funktionieren, ich werde es mal fest einbauen und melde mich dann wieder. Kann ein wenig dauern, da noch andere Werte angepasst werden müssen und ich bin nicht so der „Programmierertyp“. Mein Bereich ist eigentlich die Gestaltung.

Danke und bis später!

Sunlion · #12 (**permalink**) 24.08.2023, 21:12

Ja, alles klar, es funktioniert wie gewünscht. Vielen Dank an alle, und einen schönen Abend!

top · #13 (**permalink**) 25.08.2023, 00:14

Zitat:

Zitat von Sunlion

dvh kenne ich gar nicht, nur view width und view height.

Das d in dvh steht für dynamic

Gerade bei mobilen Browsern schieben sich schon mal oben und/oder unten irgendwelche Browserleisten in den Viewport und verkleinern dadurch den tatsächlich sichtbaren Bereich der Seite. Das ändert dann aber nicht den Wert für vh, wodurch dann z.B. nicht mehr zum unteren Ende eines Formulars scrollen kann. Um solche Probleme vermeiden zu können hat man da noch ein paar weitere Einheiten einfallen lassen.

Sunlion · #14 (**permalink**) 25.08.2023, 11:57

Danke für die Erklärung. Ich sehe schon, mein Wissenstand ist hinter dem Mond und muss wohl mal wieder aufgefrischt werden.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Div die sich automatisch der Box anpassen	Andreas_	CSS	6	24.08.2015 16:20
Höhe automatisch dem Inhalt anpassen	Santinho	CSS	3	10.08.2012 08:55
Spaltengröße an Bildschirm automatisch anpassen	beloved_1975	CSS	2	06.02.2011 18:16
IE soll width von div bei übergroßem inhalt NICHT automatisch anpassen. Wie?	*vivian	CSS	4	15.09.2008 01:42
Grafik soll sich der Größe eines übergeordneten Feldes automatisch anpassen!	VariouStyles	CSS	1	30.08.2007 12:17