IOS 7 - css - html - hauteur de 100% = 692px
J'ai un bug bizarre sur iPad iOS7 mode paysage.
Ce que j'ai pu étudier, c'est que dans iOS7 fenêtre.outerHeight est 692px et
de la fenêtre.innerHeight 672px; tandis que dans les versions précédentes, les deux valeurs sont 672px.
Même si mon <html>
et <body>
tags hauteur de 100%, il semble y avoir de l'espace pour le défilement, et la chose étrange est que ce problème ne s'affiche que sur landscpae
Vous pouvez voir de quoi je parle en visitant t.cincodias.com par exemple, dans un iOS 7 iPad la barre de pied de page (ou de l'en-tête parfois) sera coupé. Mais sur les précédentes versions iOS le contenu s'affiche bien en plein écran.
Même lorsque j'ai mis la hauteur des deux balises de height: 672px !important
et position:absolute; bottom: 0;
, vous pouvez toujours faire défiler le contenu verticalement en touchant une iframe (les annonces sont iframes).
Je suis sur la version release candidate de la version d'iOS7
merci pour toute aide.
- désolé à ce sujet, il a été correctement orthographié, bien sûr, et il n'y a pas de marges ou des remplissages
- Voici une belle hack qui fonctionne réellement pour moi: stackoverflow.com/a/19449123/795563
- Sur une note de côté: ce bug semble être fixé sur iOS8. Solutions de contournement ne devrait cible iOS7.
Vous devez vous connecter pour publier un commentaire.
J'ai utilisé cette solution d'activer JavaScript pour résoudre ce problème:
Je crois que c'est un bug dans iOS 7 - si vous la faire pivoter en mode portrait, il définit à la fois (innerHeight/outerHeight) à la même valeur. Si ce n'est pas un bug, mode portrait a un, parce que le comportement n'est pas cohérent.
Vous pourriez détecter iOS 7/mobile Safari et l'utilisation de la fenêtre.innerHeight si iOS 7.
Je vais combiner les réponses. Merci à tous!
Vous pouvez faire quelque chose comme ceci:
La fenêtre.scrollTo résout le problème de la barre qui se chevauchent dans le paysage lors de la rotation.
Cheers!
- Je reproduire le même problème dans iOS 8.
Voici ma solution.
J'ai écouté redimensionner, de défilement, orientationChange événement, à s'assurer lorsque l'utilisateur de déclenchement de l'écran de changement de taille, fera appel à réinitialiser la fonction de hauteur.
J'ai écrit un antirebond pour prévenir les multiples appels.
Et C'est dans un fermeture et de la charge d' (pas de jQuery).