css responsive Hintergrund wird gezoomt, wenn mehr Inhalt erscheint

Question

Ich benutze solche CSS für die Einstellung responsive Hintergrund. Wenn ich es auf einem Handy sehe, wird der Hintergrund mehr und mehr gezoomt, wenn viel Inhalt auf der Seite erscheint. Was ist der richtige Weg, um das Zoomen des Hintergrunds zu vermeiden? Thanx

body { 
    background: url('someimage.jpg') no-repeat center center fixed; 

    background-size: cover; 

    } 

Answer 1

Ein Ansichtsfenster-Meta-Tag wie könnte dies (an der Spitze Ihrer html) helfen:

<meta name="viewport" content="width=device-width, initial-scale=1"> 

Dies, dass auf einem Handy-Display zu gewährleisten, wird der Inhalt nicht nur für eine angezeigt großen Bildschirm, und die Breite des Körperelements wird nur so breit wie der Bildschirm sein.

Answer 2

Aufgrund der Deckung wird die Abdeckung sicherstellen, dass der gesamte Behälter mit dem Bild bedeckt wird. Sie könnten versuchen, enthalten verwenden

Answer 3

Sie können versuchen, die Körperhöhe als 100% zu definieren, sollten diese vertikale vermeiden des Hintergrundbildes Stretching:

body { 
    height: 100%; 
    background: url('someimage.jpg') no-repeat center center fixed; 
    background-size: cover; 
} 

Und für die Körperhöhe zu arbeiten, sollten Sie auch fügen Sie diese zu Ihrer CSS:

html { 
    height: 100%; 
} 

Mit dieser Einstellung, die body s overflow ist der Standard auto, die eine Bildlaufleiste führen wird so schnell erscheinen wie der Inhalt die 100% Höhe nicht überschreiten.