Comment faire iframe fonctionner correctement dans iOS safari

Je vais avoir des problèmes avec l'affichage d'un Bootstrap responsive page à l'intérieur d'un iframe dans iOS navigateur safari. Il fonctionne très bien sur Android Chrome.
Dans l'un des iframes, la page perd de sa réactivité et de ne pas même de défilement (aussi bien à l'horizontale qu'à la verticale).
Dans un autre iframe, une page différente perd son pied de page et le défilement vertical de l'affichage du contenu derrière le iframe.

La page qui perd de sa réactivité

Défilement problème

Utilisé le code suivant

<iframe src="add.php" frameborder="0" overflow-x: hidden; overflow-y:hidden; style="height:100%;width:100%;"></iframe>

séparément essayé les

<iframe src="add.php" frameborder="0" style="height:100%;width:100%;"></iframe> 

iframe{
    overflow:scroll;
    -webkit-overflow-scrolling:touch;
}

Ainsi que :

iframe {
    width: 1px;
    min-width: 100%;
    *width: 100%;
}

À l'aide de jQuery 1.11.3, Bootstrap 3.3.5, respond.js, html5shiv.js, modernizr.js

Avez-vous trouvé une solution?
C'est en raison de ce bug: bugs.webkit.org/show_bug.cgi?id=149264

OriginalL'auteur Aditya Shukla | 2016-04-24

  1. 2

    Essayez d'utiliser ceci:

    iframe {
    border:none;
    position: fixed;
    width:100%;
    height:100%;
    overflow: auto;
}

    Cela rendra votre iframe s'adapter à l'écran, de sorte que, tout reste à votre vue.
    et assurez-vous que vous avez supprimé margin de corps

    Voici l'aperçu de W3Schools dans un iframe

    Espère fonctionne très bien.

    pas de travail, tué à l'existant, la réactivité ainsi

    OriginalL'auteur