9
votes

Comment faire un iframe adapter à l'écran entier sans spécifier des dimensions?

Si je ne spécifie aucune dimension, l'iframe apparaît minuscule. Si je spécifie des dimensions comme suit, il ne s'échappe pas correctement pour différentes résolutions d'écran xxx

est un moyen d'autoriser automatiquement l'iframe de s'étirer à l'écran entier?


0 commentaires

3 Réponses :


4
votes

En supposant que le iframe n'a pas de petit ancêtre avec Position: relative . xxx

Vous devez également envisager d'utiliser une feuille de style externe. < / p>


3 commentaires

L'Iframe apparaît minuscule maintenant ai-je fait quelque chose de mal?


@deltanovember: Nope. Avez-vous un lien avec ça en direct?


Malheureusement, c'est pour un usage interne seulement



17
votes

Utilisez%

<iframe name="report" height="100%" width="100%"></iframe>


2 commentaires

Cela ne fonctionne pas pour iframe à l'intérieur d'une bootstrap modal


@Nithinchandran en fait, c'est. Vous faites probablement la même erreur que je l'ai initialement fait en supposant la définir dans CSS réagirait la même chose que le code de la balise Iframe.



0
votes
<div style="overflow: hidden;position: relative; height:200px;"  >
      <iframe class="" rel="nofollow" style="height: 800px; width:1400px; transform: scale(0.294167) !important; transform-origin: 0px 0px;" frameborder="0" scrolling="no" 
      src="your iframe link"></iframe></div>

0 commentaires