Hintergrundbild auf Handys Aussehen geschrumpfte

Welche Veränderungen haben, dass ich implementieren, damit die backgound Bild Back.jpg zeigen fulls Bildschirm und der Inhalt scrollt, rigth jetzt funktioniert es nur auf Desktops Der Inhalt mit dem Bild bewegen sollte VollbildHintergrundbild auf Handys Aussehen geschrumpfte

bleiben

das Bild ist 1500 Breite von 1000 Höhe, in Handys sieht das Bild geschrumpft, aber auf Desktops sieht gut aus.

<style> 
    html, body { 
     margin:0; 
     padding:0; 
     border:0; 
     height:100%; 
     background: url(Back.jpg) center no-repeat fixed; 
    } 
</style>

Quelle

2016-05-05 Terep

Sie verwenden 'background-attachment: fixed;', die nicht so gut auf iOS funktioniert (siehe [hier] (http: // stackoverflow.com/questions/23236158/how-to-replicate-background-attachment-fixed-on-ios) für warum). – zgood

<style> 
    html, body { 
     margin:0; 
     padding:0; 
     border:0; 
     height:100%; 
     background: url(Back.jpg) no-repeat center fixed; 
     -webkit-background-size: cover; 
     -moz-background-size: cover; 
     -o-background-size: cover; 
     background-size: cover; 
    } 
</style>

Quelle

2016-05-05 18:50:45 Justin

es funktioniert nicht immer noch sieht schlecht aus, ist es die Bildgröße? 1500 px w bei 1000 pc Höhe – Terep

background-size:cover; vielleicht mit einem Media-Abfrage funktioniert

Quelle

2016-05-05 18:40:36

Hintergrundbild auf Handys Aussehen geschrumpfte

Antwort

Verwandte Themen