CSS, um eine Dehnung des Hintergrundbilds zu erreichen

Verwenden Sie das CSS3-Attribut: Hintergrundgröße

Hintergrundgröße: Abdeckung, um sich wie ein Desktop-Hintergrundbild auszudehnen

Das Folgende ist die Erklärung von w3c:

Syntax
background-size: length|percentage|cover|contain; value description
length legt die Höhe und Breite des Hintergrundbilds fest.

Der erste Wert legt die Breite fest und der zweite Wert legt die Höhe fest.

Wenn nur ein Wert eingestellt ist, wird der zweite Wert auf „auto“ gesetzt.

Prozentsatz legt die Breite und Höhe des Hintergrundbilds als Prozentsatz des übergeordneten Elements fest.

Der erste Wert legt die Breite fest und der zweite Wert legt die Höhe fest.

Wenn nur ein Wert eingestellt ist, wird der zweite Wert auf „auto“ gesetzt.

cover Erweitert das Hintergrundbild auf eine Größe, die groß genug ist, sodass das Hintergrundbild den Hintergrundbereich vollständig abdeckt.

Einige Teile des Hintergrundbilds werden möglicherweise nicht im Hintergrundankerbereich angezeigt.

contain Erweitert das Bild auf seine maximale Größe, sodass seine Breite und Höhe vollständig in den Inhaltsbereich passen.