2 votes

Bootstrap iPad/iPad mini plus large en portrait

Le site est construit avec Twitter Bootstrap et est réactif. Il fonctionne bien sur tous les appareils, sauf sur l'iPad et l'iPad mini en mode portrait, où il est toujours plus large que l'écran de l'appareil.

Je sais qu'il y a un problème de rotation de l'appareil avec les appareils iOS, mais c'est au chargement de la page en portrait.

Tout conseil serait le bienvenu. Je ne sais pas s'il s'agit d'un problème avec Bootstrap ou de quelque chose que j'ai fait.

http://bodysgallen.ws-django.co.uk

0voto

Will Points 1495

Vous devrez peut-être créer un nouveau jeu de feuilles de style en cascade pour vous adapter à cette taille d'écran. EG vous avez quelque chose comme ceci @media (max-width : 979px) & @media (min-width : 1200px). Vous devrez peut-être en ajouter un autre entre les deux pour gérer la taille de l'iPad en mode portrait.

0voto

David Taiaroa Points 10064

Je ne suis pas sûr que le problème soit lié spécifiquement aux iPads. Il se passe quelque chose d'étrange avec votre grille dans une fenêtre de 769px - 945px (environ). Elle ne répond pas correctement.

Si vous vérifiez les résultats de la validation de la page, il y a un certain nombre d'erreurs qui ne sont pas trop importantes, mais à la fin il y en a deux que je corrigerais, un div conteneur non fermé et une balise body qui était déjà fermée. http://bit.ly/11fKdhG

Bien que ces deux erreurs ne soient pas nécessairement la cause du problème, je pense que vous devez d'abord les corriger.

J'espère que cela vous aidera !

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X