BG Bild am Telefon nicht ist Ändern der Größe

Question

Ich habe versucht, dies zu tun:

@media only screen and (max-width: 500px) { 
    body { 
     background: url("http://popidesigns.ro/images/bgtel.png") no-repeat center center fixed; 
    } 
} 

Mit dem neuen Bild @ 1080x1920(normal it was 1920x1080) aber keine Änderung. Wie kann ich den BG-Pic auf dem gesamten Telefonbildschirm sichtbar machen? (das bg Bild ist das, was über dem Logo)
phone ss

laptop ss

Answer 1

hinzufügen background-size: cover die Container/Körper

... und stellen Sie sicher, dass der Körper mindestens 100% hoch zu füllen durch Zugabe von

html, body { 
    height: 100%; 
} 

Answer 2

sehen Sie, wenn dies hilft Ihnen: https://codepen.io/panchroma/pen/KyrvOP

CSS

html, body { 
    height: 100%; 
} 

@media screen and (max-width: 500px) { 

    body{ 
    background:url('http://popidesigns.ro/images/bgbgb.png') no-repeat; 
    background-size:cover; 
    } 
} 

Ich habe auch ein Ansichtsfenster-Meta-Tag im Kopf der Seite

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

Answer 3

body{ 
    background: URL("http://popidesigns.ro/images/bgtel.png") no-repeat center; 
    background-size: cover; 
    width: 100%; 
} 

Dadurch wird sichergestellt, dass das Bild nicht wiederholt und zentriert. Die Hintergrundgröße: Cover; stellt sicher, dass das Bild den gesamten Bildschirm abdeckt. Breite bei 100% hilft dabei.