javascript - semanas - eyaculación precoz como curar

posible reducir el contenido de iframe?

Question

¿Hay una manera de reducir lo que hay dentro de un iframe sin ajustar css?

¿Algún parámetro mágico de ''zoom'' por ahí? !!!

Tengo una vista previa de 600px iframe quiero encajar en un sitio de 1000px sin barras de desplazamiento ...

Answer 1

Absolutamente puedes hacer esto, muy bien.

La única advertencia es que necesitas transformar el iframe, y posicionarlo absoluto:

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;
}

Para ver un ejemplo, consulte: http://jsfiddle.net/8DVNa/

Answer 2

Bueno, en definitiva no.

Puede usar CSS en línea para establecer el ancho / alto en 600px y luego configurar el overflow:hidden

Answer 3

CSS3 puede manejar esto. Este bit de código debe manejar la mayoría de los navegadores o simplemente reducirlo para que se ajuste a sus necesidades. No hay necesidad de "ajustar" cualquier CSS existente:

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 si quieres un estilo en línea, por ejemplo, solo firefox:

<style>
  #IDNAME {
    -moz-transform: scale(0.25, 0.25); 
    -moz-transform-origin: top left;
  }
</style>

Luego, por supuesto, simplemente añada la ID a su iframe:

<iframe id="IDNAME" src="http://www.whatever.com"></iframe>

Answer 4

Me temo que no. Su única opción sería utilizar modificadores de CSS específicos del sitio para reducir el tamaño de la fuente y el elemento.

Answer 5

Si controla el contenido de Iframe, puede encontrar útil este pequeño truco: futtta.be/squeezeFrame

Es una cosa de javascript independiente para todos los navegadores que intenta ajustar automáticamente el tamaño de la página desde la que se llama al tamaño disponible del Iframe usando css zoom y moz-transform.

Answer 6

Tengo varios sitios de compras que he adaptado a mi nuevo sitio y, después de corregir el view/vantage enfoque de la vista, he aquí lo que obtuve ... el sitio encajaba perfectamente dentro de mi iframe por página ... la diferencia de tamaño de fuente es mejor que problema de enfoque ... Supongo que fue una buena compensación

    #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;
}

    <div id="wrap">
        <iframe id="frame" src="http://hempseedoilsoap.com/" scrolling="auto" align="center"></iframe>
    </div>