Warum in der mobilen Version Vollbild-Hintergrundbilder sind verschwommen (Nur auf dem Gerät.)? Wie kann ich das beheben?Warum in der mobilen Version Vollbild-Hintergrundbilder verschwommen sind?
http://www.kreativi.linuxpl.eu/kitchooshop/fr/
Die Bilder sind verschwommen, weil sie background-attachment haben: fixiert. Diese Eigenschaft dehnt das Bild auf die gesamte Größe des Fensters aus, sodass sie auf mobilen Geräten unscharf erscheinen. Um dieses Problem zu beheben, versuchen Sie, den background-attachment: fixed von einer bestimmten Größe. Zum Beispiel:
.class-with-background{
@media (min-width: /* size to apply the fixed background */){
background-attachment: fixed;
}
}dieses CSS-Code verwenden, werden Sie keine Teile des Bildes verloren gehen, wenn im Browser betrachtet
Testing auf einem 5K Retina iMac die Qualität Ihrer Bilder ist sichtbar arm. Könnte es sich hierbei um ein Problem mit der Pixeldichte handeln, bei dem Ihre bereits niedrig aufgelösten Dateien auf Retina-Displays schlechter aussehen? –
Die Bilder sind in der mobilen Ansicht nicht unscharf. Ich habe sie auf FireFox und Chrome getestet. Vielleicht haben Sie nur Bilder von schlechter Qualität. – ZombieChowder
Kleine Sache, warum nennst du einen Tab 'Sur nous'. Ich persönlich sollte 'A propos' bevorzugen;) –