CSS-HTML-Ansichtsfenster-Seite

Question

Ich arbeite an HTML-Seite und beim Smartphone-Rendering zeigt die Seite einen weißen Teil am Ende des Inhalts (Hinweis, Inhalt endet im Hintergrund). Screenshot

Ich verwende die folgenden CSS/HTML-Regeln:

<meta name="viewport" content="width=device-width, initial-scale=0" >  
@media only screen { 

    html{width:100%; 
    height:100%; 
    } 

    body {background-image:url("sf.png"); 
    background-repeat:no-repeat; 
    background-size:auto; 
    background-attachment:fixed; 
    }` 

Könnte jemand wissen, warum es so funktioniert?

Answer 1

Versuche background-size:cover; background-position: center center

Das das Bild alle erweitern das Gebiet