dimanche 27 mars 2016

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>