Ich habe versucht, andere Antworten zu suchen, aber keine Hilfe. Mein Hintergrund ist dynamisch, so dass sich die Größe der Bilder ändert. Daher muss das Seitenverhältnis beibehalten werden, damit das gesamte Bild angezeigt wird. Hier ist mein CSS:
%Vor%}
html
%Vor%Im Moment wird abhängig vom Bild manchmal viel davon abgeschnitten. Ich möchte, dass das Bild verkleinert wird, damit es vollständig gesehen werden kann. Irgendeine Idee?
Verwenden Sie background-size: cover; , um das gesamte Element abzudecken und gleichzeitig die Seitenverhältnis:
Verwenden Sie background-size:contain; , wenn Sie das gesamte Bild anzeigen und es auf die gesamte Breite oder Höhe (abhängig vom Seitenverhältnis des Bildes) des div-Objekts dehnen möchten.
Aber wenn du das ganze div mit dem Hintergrundbild abdecken willst und es nichts ausmacht das Bild zu beschneiden, dann benutze stattdessen background-size:cover; .
Tags und Links css