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.
InformationsquelleAutor watt | 2014-05-23