Une iframe est plus large qu'il ne le devrait sur iPhone
J'ai une iframe que j'incorpore dans un réactif WordPress thème. Il semble bon sur certains appareils mobiles, mais sur l'iPhone, l'iframe est un peu plus large qu'il ne le devrait et il sort du pot afin que les utilisateurs ne peuvent pas voir la partie droite de l'iframe (qui est probablement autour de 20-30px). Ce qui se passe sur le mode portrait - si l'orientation est définie sur le paysage, il semble ok.
Le contenu de l'iframe est sensible aussi bien, je suis en utilisant bootstrap. En outre, il semble ok sur redimensionné les navigateurs de bureau et sur les appareils mobiles Android. Donc, le problème est seulement avec le portrait de l'iPhone d'orientation.
Je me sers de ce dans la tête de mon iframe:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Des idées?
Merci!
- Faut-il faire la même chose sur un navigateur est redimensionnée pour correspondre à l'iPhone le portrait de la largeur? Peut-être que certains d'élément/style est de frapper une taille minimale qui est plus grand que l'iPhone est la largeur?
- Non, il semble bon sur n'importe quel autre navigateur si elle est redimensionnée bureau de navigateur (Chrome, Firefox, Safari) ou un navigateur Android.
Vous devez vous connecter pour publier un commentaire.
Mobile Safari semble pas reconnaître la largeur des attributs sur l'iframe, mais reconnaît min-width.
Le problème est que le navigateur Safari mobile ignore l'iframe
width
attribut. J'ai créé une nouvelle question et a répondu à moi-même avec la solution: Comment définir la largeur d'un iframe dans iOS6?Pour la balise meta essayez de démarrer avec:
Si ce n'est pas le résoudre, cherchez ce qui est à l'origine du cadre trop large, par exemple iframe paramètres de dimension, la largeur, de remplissage ou de marges d'éléments à l'intérieur de l'iframe, ainsi que les marges ou de rembourrage sur les WordPress div qui contient l'iframe.
Rappelez-vous que le contenu de l'iframe est totalement séparé du document si vous avez besoin de vérifier les détails à la fois pour le parent page WordPress et de l'iframe page.
Bonne chance!
modifier
Vous pouvez aussi vérifier qu'il n'est pas un paramètre par défaut du navigateur en utilisant une réinitialisation de votre WordPress, CSS, par exemple