problème de largeur d’échelle iframe

J’utilise un zoom / redimensionnement pour redimensionner une iframe:

{ -ms-zoom: 0.80; -moz-transform: scale(0.80); -o-transform: scale(0.80); -webkit-transform: scale(0.80); -o-transform-origin: 0 0; -moz-transform-origin: 0 0; -webkit-transform-origin: 0 0; }

Cela fonctionne bien pour ce que je veux, mais lorsque la largeur est redimensionnée, il rest des marges où 100% rest à -20%. Je pourrais théoriquement détecter la largeur du parent et ensuite utiliser jQuery après le redimensionnement pour le définir, ou peut-être zoomer sur la page intérieure à la place, mais j’espère que quelqu’un pourra me donner une solution plus élégante qui n’implique pas l’utilisation de jQuery pour le style?

http://jsfiddle.net/ablueman/8uvz0fzf/

[edit] Problème similaire: Défilement lors de l’utilisation de l’échelle css

Comme via css, il est uniquement possible d’affecter l’iframe elle-même, et non le contenu de l’iframe (par exemple, iframe body ), vous ne pouvez pas le faire avec css. Cela étant dit, vous pouvez accéder au contenu d’une iframe via javascript. Avec jQuery, ce serait quelque chose comme:

 $('iframe').contents().find(body).css('zoom', yourvalue);

Donc, voici ce que j’ai fait pour modifier une version de travail, je vais soit le lier à un curseur afin que vous puissiez effectuer un zoom avant ou arrière (à l’aide de var bob), soit le rendre dynamic avec un iframe réactif, mais voici ce que j’ai à ce jour:

Puis dans le corps du document.

Évidemment, cela ne marchera pas entre les domaines, et comme vous pouvez le constater, je fais un zoom arrière de 2 iframes à la fois. Si je peux lier ceci à l’iframe réactif avec une sorte de ratio, je pourrais peut-être créer un iframe réactif avec zoom, mais les problèmes se compliquent.

Ne fonctionne pas parfaitement à cause de la configuration de la page JSfiddles mais: http://jsfiddle.net/ablueman/w4e8zu52/

[Modifier] Nouveau bodge avec curseur: http://jsfiddle.net/ablueman/8uvz0fzf/ Cela n’affecte que:

“Erreur 404 Nous sums vraiment désolés, mais cette page n’existe pas.”

Mais les émissions fonctionnent, ce ne serait évidemment pas un problème avec une page iframe normale.