Comment créer un iframe redimensionable en largeur et en hauteur pour faire du responsive design ?
Définir une division d'une hauteur de 0px et d'un padding-bottom du pourcentage souhaité.
Mettre l'iframe, la video embeded etc. dedans avec la position absolute, le top et le left à 0, la hauteur et la largeur à 100%.
<div class="diaporama" style="position:relative;width:100%;height:0px;padding-bottom:40%;"> <iframe src="surcouf.html" frameborder="0" scrolling="no" style="position:absolute; left:0px; top:0px; width:100%; height:100%"></iframe>
</div>
Mettre l'iframe, la video embeded etc. dedans avec la position absolute, le top et le left à 0, la hauteur et la largeur à 100%.
<div class="diaporama" style="position:relative;width:100%;height:0px;padding-bottom:40%;"> <iframe src="surcouf.html" frameborder="0" scrolling="no" style="position:absolute; left:0px; top:0px; width:100%; height:100%"></iframe>
</div>
Commentaires
Enregistrer un commentaire