• User Newbie

    Iframe responsive

    Ciao,
    ho provato recentemente a inserire l'iframe dell'intero mio sito su un differente url.

    Ho utilizzato il classico codice
    [HTML]<iframe src="link" height="100%" width="100%"></iframe>[/HTML]
    ed è funzionato regolarmente, ma purtroppo non è responsive.. da cellulare e dispositivi simili si vede con la versione desktop.

    È possibile inserire un iframe responsive?

    Ci tengo a precisare che il sito originale è in WordPress ed è regolarmente creato in versione responsive.


  • User

    Ciao boccc,
    puoi provare a impostare altezza e larghezza dai css per avere maggiore controllo sulle stesse con le media query, invece che inserirle "inline".
    iframe{
    width:100%;
    height:100%
    }

    Puoi anche provare a inserire l'iframe all'interno di un div a cui dai le impostazioni CSS

    <div class="my-iframe">
    <iframe></iframe>
    </div>

    A volte, anche se hai un tema con già il contenitore responsive non è sufficiente per gli aggiustamenti su mobile.
    Spero di esserti stata d'aiuto.
    Ciao