Comment créer un iframe redimensionable en largeur et en hauteur pour faire du responsive design ?

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>

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *