ansible ridurre i contenuti di iframe?

C’è un modo per rimpicciolire cosa c’è dentro un iframe senza modificare i css?

qualche parametro magico ‘zoom’ là fuori? !!!

Ho un iframe di anteprima 600px che voglio montare un sito 1000px senza barre di scorrimento …

Temo di no. La tua unica opzione sarebbe usare i modificatori CSS specifici del sito per ridurre la dimensione dei caratteri e degli elementi.

CSS3 può gestire questo. Questo bit di codice dovrebbe gestire la maggior parte dei browser o semplicemente ridurlo in base alle proprie esigenze. Non è necessario “aggiustare” alcun CSS esistente:

iframe { -moz-transform: scale(0.25, 0.25); -webkit-transform: scale(0.25, 0.25); -o-transform: scale(0.25, 0.25); -ms-transform: scale(0.25, 0.25); transform: scale(0.25, 0.25); -moz-transform-origin: top left; -webkit-transform-origin: top left; -o-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } 

O se vuoi lo stile in linea ad esempio solo Firefox:

  

Quindi, ovviamente, aggiungi semplicemente l’ID al tuo iframe:

  

Se controlli il contenuto di Iframe, potresti trovare utile questo piccolo trucco: http://futtta.be/squeezeFrame/

È una cosa javascript standalone cross-browser che tenta di adattare automaticamente la dimensione della pagina da cui è chiamata alla dimensione disponibile dell’Iframe usando css zoom e moz-transform.

Lo puoi assolutamente fare, va bene.

Solo un avvertimento è necessario per trasformare l’iframe e posizionarlo in modo assoluto:

 iframe { /* Set the width of the iframe the size you want to transform it FROM */ width: 1108px; height: 710px; /* apply the transform */ -webkit-transform:scale(0.25); -moz-transform:scale(0.25); -o-transform:scale(0.25); transform:scale(0.25); /* position it, as if it was the original size */ position: absolute; left: -400px; top: -200px; } 

Per vedere un esempio, guarda: http://jsfiddle.net/8DVNa/

Bene, in breve no.

Puoi utilizzare CSS in linea per impostare la larghezza / altezza su 600 px e quindi impostare anche l’ overflow:hidden

Ho diversi siti di shopping che ho trasferito sul mio nuovo sito e dopo aver sistemato la view/vantage punto di view/vantage della messa a fuoco ecco quello che ho … il sito si adatta perfettamente al mio iframe per pagina … la differenza di dimensione del font è migliore del problema di messa a fuoco … Immagino che sia stato un buon compromesso

  #wrap { width: 115%; height: 2000px; padding: 0; overflow: hidden; } #frame { -ms-zoom: 0.5; -ms-transform-origin: 0 0; -moz-transform: scale(0.75); -moz-transform-origin: 0px 75px; -o-transform: scale(0.75); -o-transform-origin: 0px 75px; -webkit-transform: scale(0.75); -webkit-transform-origin: 0 0; } #frame { width: 115%; height: 2000px; overflow: hidden; }