Wie kann ich dafür sorgen, dass das Element „das gesamte Ansichtsfenster für Vollbildhintergründe ausfüllt“?

Verlängerung des Element im Vollbildmodus

F: Ich habe einen radialen Farbverlauf als Hintergrund auf meine Webseite angewendet:

<code class="css">background-image: -webkit-gradient(radial, 100% 100%, 10, 90% 90%, 600, from(#ccc), to(#000));</code>

Der Farbverlauf wird jedoch verdeckt, wenn der Seiteninhalt nicht sichtbar ist. Es nimmt nicht den gesamten Bildschirm ein. Wie kann ich sicherstellen, dass Element erstreckt sich immer so, dass es das gesamte Ansichtsfenster ausfüllt?

A: Um dies zu erreichen, verwenden Sie die folgenden CSS-Regeln:

<code class="css">html, body {
    margin: 0;
    height: 100%;
}</code>

Dadurch wird sichergestellt, dass es keinen Rand um den gibt. Element und dass es sich über die gesamte Höhe der Seite erstreckt. Das Ergebnis ist ein konsistenter Hintergrund mit radialem Farbverlauf, der unabhängig von der Länge des Inhalts bestehen bleibt.

Das obige ist der detaillierte Inhalt vonWie kann ich dafür sorgen, dass das Element „das gesamte Ansichtsfenster für Vollbildhintergründe ausfüllt“?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!