Pourquoi la taille d'arrière-plan CSS: la couverture ne fonctionne-t-elle pas en mode portrait sur iOS?

Je suis en train de configurer une main splash-image à travers les dispositifs. Je fais donc en vérifiant orientation (touch) ou screen width vs. screen height (aucun contact) et de définir une url en conséquence.

Puis-je ajouter cette règle CSS via Javascript:

 document.styleSheets[3].insertRule('.initHandler:before { 
    background: url('+x+') no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
    }', 0)

Avec x être l'image à charger en fonction de l'orientation et de la taille de l'écran.

Mon problème est que cela fonctionne bien dans landscape mode, mais sur mon iPad dans portrait mode, l'image est chargée (diffèrent en fonction portrait/paysage), MAIS il n'est pas élargi à la taille plein écran.

Question:
Je ne peux pas utiliser les CSS background-size sur iOS en mode portrait?

Merci pour l'aide!

EDIT:
Juste essayé sur mon Smartphone Android. Fonctionne très bien. N'a pas de sens, pourquoi il ne fonctionne pas sur iPad.

source d'informationauteur frequent