Quiero incrustar una página web en WordPress de la página de otro sitio web.

la iframed sitio web es un formulario de contacto de procesamiento de la página en asp, y no es sensible.

Podría terminar en una etiqueta div que es sensible o puedo hacer un iFrame sensible?

gracias.

InformationsquelleAutor Ushka | 2012-12-13

4 Comentarios

  1. 4

    Depende de lo que usted desea que el iframe responder a: los cambios en el bloque que contiene o a los cambios de contenido en el interior de la iframe.

    Si quieres iframe para adaptarse al tamaño del bloque que contiene (por ejemplo, el usuario cambia el tamaño de la ventana del navegador), es posible que desee agregar dimensiones relativas, utilizando los valores de porcentaje para la iframe elemento, por ejemplo, por medio de una hoja de estilos:

    html,body {
        height:100%;
    }
    
    iframe {
      width:80%;
      height:80%;
    }

    Para que esto funcione, usted también necesita el html y cuerpo al 100% de la altura, no me preguntes por qué mi 🙂 pero esta magia sólo funciona.

    Ejemplo: http://jsfiddle.net/4z2hn/

    Me gustaría añadir mi opinión personal: Preferiblemente, JavaScript no debe ser utilizado para resolver un problema de diseño. Por eso, utilizar CSS en lugar. La potencia de la corriente de CSS implementaciones permiten estilístico de la flexibilidad y proporcionar posibilidades de diseño que donde no disponible antes. Sólo si todo lo demás falla, se recurre a una solución de secuencias de comandos.

  2. 2

    No está seguro de qué elementos están en el formulario de contacto de la página asp.

    Usted puede probar el método para cambiar el tamaño a través de jquery.
    de ¿Cómo crear el ajuste de tamaño automático de un iframe cuando usted hace su navegador menor?

    $(window).resize(function() {
      $('IFRAME').width($(window).width());
    });

    O utilizar el otro método.

    Cambio de tamaño de un iframe width sobre el cambio de tamaño de ventana

    $(function() {
       var newwidth = $(window).width() - 250;
       $('iframe').css({width: newwidth+'px'});
    });
    
    $(window).resize(function() {
       var newwidth = $(window).width() - 250;
       $('iframe').css({width: newwidth+'px'});
    });

    Depende de los contenidos dentro del marco de lo bien que redimensionar realmente funciona para usted. Pero es un comienzo.

  3. 1

    Para cambiar el tamaño y mantener las proporciones originales.

    1. Uso original de la altura y la anchura de cálculo de proporciones
    2. Obtener nuevas ancho (que es % tamaño con css)
    3. Derivar la nueva altura

    X /newWidth = originHeight /originWidth

    X = newWidth * (originHeight /originWidth )

    X = New Altura

    Ver aquí:
    https://jsfiddle.net/koaab543/2/

    JS:

    function responseveIframe() {
      $('iframe').height(
        $('iframe').attr("height") / $('iframe').attr("width") * $('iframe').width()
      );
    }
    
    responseveIframe();
    
    $(window).resize(function() {
      responseveIframe();
    });

    CSS:

    iframe {
      max-width: 98%;
    }

    HTML:

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    
    <iframe width="854" height="480" src="https://www.youtube.com/embed/C0DPdy98e4c"></iframe>

  4. -1

    Usted no puede hacer iframe contenido sensible si no es tu página. Usted puede agregar iframe estilo

    iframe {
      width: 100%;
    }

    para hacer iframe envoltura sensible.
    Pero el contenido en ella – será el mismo que se fue – (como ya he dicho – a menos que sea tu página también)

    • Usted realmente puede hacer sensible iframes. Hay formas de comunicarse entre el iframe y la página a la que se iframed si ambas partes lo permiten, que puede ser utilizado para escuchar cambiar el tamaño de pantalla. este es un ejemplo que describe cómo se puede configurar. Youtube incorpora y Twitter incrustado plazos son ejemplos de responsive iframes en acción.

Dejar respuesta

Please enter your comment!
Please enter your name here