Comment puis-je réduire la taille d'un iframe sans que le contenu ne soit coupé?

Question

J'ai une page qui charge une autre page (URL) sur elle. Le problème est que la page iframe ne s'intègre pas bien dans la page externe. Comment puis-je réduire la taille de la page iframe ayant le contenu de la page iframe intacte? Je ne souhaite pas avoir de barres de défilement.

Answer 1

Malheureusement, vous ne pouvez pas vraiment mettre à l'échelle un iframe afin que son contenu change de taille. Pour le navigateur, l'iframe est une fenêtre sur un autre contexte de rendu qui a sa propre disposition en fonction de son propre CSS. Vous êtes à la merci de la façon dont le contenu de l'iframe est présenté.

Si l'URL iframe provient d'un site différent et que vous ne pouvez pas le modifier, vous ne pouvez rien faire.

Si vous pouvez modifier la page affichée dans l'iframe, eh bien, je suppose que vous ne le demanderiez pas.

Answer 2

Vous pouvez essayer d'étendre la largeur/hauteur de l'iframe et de vérifier la largeur du client par rapport à la largeur de l'iframe. Si elles sont égales, il n'y a pas de barre de défilement, sinon il y a.

Utilisez une approche médiane pour l'efficacité. En code sudo:

dx = iframe.width; 
while (dx > 1) { 
    previous = iframe.width 
    if(iframe.width - iframe.clientWidth > 0) { 
    iframe.width += dx*2; 
    } else { 
    iframe.width -= dx/2; 
    } 
    dx = Math.abs(previous-iframe.width) 
} 

Answer 3

Voir la réponse ici (How can I scale the content of an iframe?). Je l'utilise et ça marche sur FF, Chrome un peu flakey.