Bonjour,
J'ai réalisé un site web contenant des fancyboxes.
Celles-ci apparaissent correctement sur tous les navigateurs, IE inclus.
Par contre, lors des tests pour terminaux mobiles (sur IOS 3 et Opera Mobile), la partie droite du contenu de la fancy est masquée (un rectangle blanc cache les éléments).
Pour info, j'utilise les media queries pour charger une css spécifique et le viewport suivant :
Par contre, si je réduit la fenêtre de mon navigateur à la taille d'affichage d'un mobile, le problème n'apparaît pas. J'ai testé les width et padding des #fancybox-overlay, wrap, content, outer… je suis dans une impasse.
Merci pour votre aide.
Screenshot :
J'ai réalisé un site web contenant des fancyboxes.
Celles-ci apparaissent correctement sur tous les navigateurs, IE inclus.
Par contre, lors des tests pour terminaux mobiles (sur IOS 3 et Opera Mobile), la partie droite du contenu de la fancy est masquée (un rectangle blanc cache les éléments).
Pour info, j'utilise les media queries pour charger une css spécifique et le viewport suivant :
<meta name="viewport" content="width=device-width">Par contre, si je réduit la fenêtre de mon navigateur à la taille d'affichage d'un mobile, le problème n'apparaît pas. J'ai testé les width et padding des #fancybox-overlay, wrap, content, outer… je suis dans une impasse.
Merci pour votre aide.
Screenshot :