Conserver la taille de l'arrière-plan: couvrir, mais aussi activer la taille automatique pour les iphones?

Question

Dans le fichier de style CSS J'ai cette ligne

background-size: cover; 

Mais l'image d'arrière-plan ne sera pas visible sur les iPhones. Tous les autres téléphones peuvent le voir.

Et si je mets la taille comme celui-ci

background-size: auto; 

tous les appareils mobiles iPhone + peuvent voir l'arrière-plan, mais le Web est le bizarre. L'image ne se taille pas bien, mais vous pouvez voir un certain espace entre l'image et son conteneur.

Quelle est la bonne façon de résoudre cette situation?

Answer 1

Essayez ceci:

.backgroundImage { position: fixed; top: 0; left: 0; min-width: 100%; min-height: 100%; } 

https://codepen.io/anon/pen/YQmEQw