Wie kann ich ein Hintergrundbild an ein Div anpassen, ohne es zu beschneiden?

Hintergrundbild an Div anpassen

Problem:
Ein Hintergrundbild wird innerhalb eines Div abgeschnitten. Das gewünschte Ergebnis besteht darin, das gesamte Bild ohne Zuschneiden anzuzeigen.

Lösung:

Um die Integrität des Hintergrundbilds innerhalb des Div beizubehalten, verwenden Sie die Eigenschaft „Hintergrundgröße“. Diese Eigenschaft bestimmt, wie das Bild relativ zu seinem Container skaliert.

Durch die Verwendung der folgenden Werte können Sie Ihr beabsichtigtes Ergebnis erzielen:

• Enthalten: Skaliert das Bild so, dass es in div passt, wobei das Seitenverhältnis beibehalten wird.
• Cover: Skaliert das Bild so, dass es das abdeckt ganzes Div, möglicherweise Teile des Bildes beschneiden.

Code Beispiele:

Enthalten:

background-size: contain;

Umschlag:

background-size: cover;

Hinweis: Die Eigenschaft „Hintergrundgröße“ wird von den meisten modernen Browsern unterstützt.

Das obige ist der detaillierte Inhalt vonWie kann ich ein Hintergrundbild an ein Div anpassen, ohne es zu beschneiden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!