Wie kann ich einen CSS-Hintergrund dehnen oder skalieren, damit er in seinen Container passt?

CSS-Hintergründe strecken und skalieren

Frage: Wie können Sie einen CSS-Hintergrund strecken oder skalieren, um ihn an ihn anzupassen? Container?

Antwort:

Um dies zu erreichen, können Sie die Eigenschaft background-size in CSS3 nutzen.

#my_container {
    background-size: 100% auto; /* width and height, can be %, px or whatever. */
}

Diese Eigenschaft wird seit 2012 von den meisten modernen Browsern unterstützt und ermöglicht es Ihnen, sowohl die Breite als auch die Höhe Ihres Hintergrunds zu steuern. Indem Sie die Breite auf 100 % festlegen, stellen Sie sicher, dass der Hintergrund die gesamte Breite des Containers einnimmt. Die automatische Einstellung für die Höhe wird automatisch angepasst, um das Seitenverhältnis des Hintergrunds beizubehalten.

Das obige ist der detaillierte Inhalt vonWie kann ich einen CSS-Hintergrund dehnen oder skalieren, damit er in seinen Container passt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!