Hintergrundbilder erscheinen nicht auf mobilen

https://hamzicabdulah.github.io/personal-portfolio/Hintergrundbilder erscheinen nicht auf mobilen

Alles funktioniert auf jedem Browser nur gut, wenn ich die Seite auf meinem PC/Laptop öffnen - die Seite reagiert, alle Hintergrundbilder auf jeder Bildschirmgröße erscheinen ... Aber Wenn ich die Seite auf meinem Mobiltelefon öffne, werden die Hintergrundbilder für die ersten beiden Abschnitte nicht angezeigt. Ich weiß nicht, wie ich dieses Problem beheben kann. Ich habe versucht, den folgenden Code für die mobile Größe zu entfernen:

background-attachment: fixed;

... Aber das hat überhaupt nichts geändert. Kann mir jemand dabei helfen?

Quelle

2016-07-12 Abdulah Hamzic

Mögliche Duplikate von [Was ist die größte Bildgröße, die der iOS-Browser ohne Downsampling anzeigt?] (Http://stackoverflow.com/ Fragen/5935785/whats-the-größte-Bild-Größe-das-die-ios-Browser-Display-ohne-downsampling), obwohl die eigentliche Frage nicht gleich formuliert ist - schauen Sie auf die verknüpfte Frage nach Antworten. – Jayx

Das hilft wirklich nicht mit meinem Problem ... –

Funktioniert gut auf meinem Ich würde schrumpfen die Bilder sie sind zu groß jetzt – NooBskie

Okay, also im Grunde habe ich die Antwort selbst gefunden, also werde ich es hier posten, damit jeder mit einem ähnlichen Problem das hilfreich finden kann. Ich eigentlich nur herausgefunden, dass linearen Gradienten offensichtlich nicht auf bestimmte mobile Geräte arbeiten können und deshalb CSS-Code wie diese mit ...

background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.3)), url('http://www.inmeteo.net/blog/wp-content/uploads/2016/03/toscana.jpg') center;

... für mobile Ansicht macht das Hintergrundbild unsichtbar auf einigen Geräten (wie zum Beispiel mein Samsung Galaxy S3). Daher habe ich gerade den linearen Farbverlauf für die mobile Ansicht entfernt und es funktioniert jetzt einwandfrei ...

Quelle

2016-07-13 20:53:04

Hintergrundbilder erscheinen nicht auf mobilen

Antwort

Verwandte Themen