Pouvez-Vous Faire une iFrame Sensible?

Je veux intégrer un site en WordPress page d'un autre site web.

la iframed site web est un formulaire de contact et la page de traitement de l'asp, et elle n'est pas sensible.

Pourrais-je conclure dans une balise div qui est sensible ou puis-je faire une iFrame sensible?

grâce.

Double Possible de Comment obtenir un IFrame pour être réactif dans iOS Safari?
Je ne pense pas que ce soit nécessairement comme double qui était spécifique à iOS Safari et les réponses ici de proposer une gamme de solutions différentes que les gens peuvent trouver utile.

OriginalL'auteur Ushka | 2012-12-13

  1. 4

    Dépend de ce que vous voulez l' iframe d'être réactif à l': les modifications apportées au bloc contenant ou à des changements de contenu à l'intérieur de la iframe.

    Si vous voulez l'iframe pour s'adapter à la taille du bloc contenant (par exemple, l'utilisateur redimensionne la fenêtre du navigateur), vous pouvez ajouter des dimensions relatives à l'aide des valeurs de pourcentage à la iframe élément, par exemple, par le biais d'une feuille de style:

    html,body {
    height:100%;
}

iframe {
  width:80%;
  height:80%;
}

    Pour que cela fonctionne, vous devez également le html et corps à 100% de la hauteur, de ne pas demander pourquoi mon 🙂 mais cette magie fonctionne, tout simplement.

    Exemple: http://jsfiddle.net/4z2hn/

    Je tiens à ajouter mon opinion personnelle: de Préférence, le JavaScript ne doit pas être utilisé pour résoudre un problème de mise en page. Pour cela, utiliser les CSS à la place. La puissance du CSS implémentations permettent stylistique de la souplesse et de fournir des possibilités de conception qui où indisponible avant. Seulement si tout le reste échoue, le recours à une solution de script.

    OriginalL'auteur Daniel K.

  2. 2

    Pas sûr de ce que les éléments sont sur le formulaire de contact page asp.

    Vous pouvez essayer la méthode pour redimensionner via jquery.
    de Comment voulez-vous créer de l'auto redimensionnement d'une iframe lorsque vous faites votre navigateur plus petits?

    $(window).resize(function() {
  $('IFRAME').width($(window).width());
});

    Ou d'utiliser l'autre méthode.

    Le redimensionnement d'une iframe largeur de la fenêtre de redimensionnement

    $(function() {
   var newwidth = $(window).width() - 250;
   $('iframe').css({width: newwidth+'px'});
});

$(window).resize(function() {
   var newwidth = $(window).width() - 250;
   $('iframe').css({width: newwidth+'px'});
});

    Il dépend du contenu à l'intérieur du cadre comment redimensionner fonctionne réellement pour vous. Mais c'est un début.

    OriginalL'auteur donlaur

  3. -1

    Vous ne pouvez pas faire iframe contenu sensible, si ce n'est pas votre page. Vous pouvez ajouter un iframe style 

    iframe {
  width: 100%;
}

    de faire iframe wrapper réactif.
    Mais le contenu en elle - sera le même que c'était - (comme je l'ai dit - à moins qu'il est de votre page aussi)

    Vous pouvez rendre sensibles les iframes. Il existe des moyens pour communiquer entre l'iframe et la page iframed si les deux parties le permettent, ce qui peut être utilisé pour écouter de redimensionnement de l'écran. Voici un exemple décrivant la façon dont vous pouvez configurer. Les deux Youtube intègre et Twitter intégrés délais sont des exemples de réactivité des iframes dans l'action.

    OriginalL'auteur Iwona Trąbka