Rendre chaque élément dans un iframe responsive - css, iframe, responsive-design

J'ai un iframe qui montre des annonces. Je veux qu'il soit réactif de manière à ce que chaque utilisateur avec une taille d'écran différente puisse le voir avec une largeur de 100% au lieu d'un débordement de l'iframe. Comment y parvenir?

Réponses:

Smashing Magazine a déjà abordé ce problème en utilisant uniquement CSS et un élément de conteneur - Conception sensible intégrée

L'essentiel:

1. Créer un conteneur pour l'iframe en question

2. Style du conteneur;
   (si le nom de classe du conteneur était appelé "conteneur vidéo")

   .video-container {
   position: relative;
   rembourrage en bas: 56,25%;
   rembourrage en haut: 35px;
   hauteur: 0;
   débordement caché;
   }

3. Style de l'iframe à l'intérieur du conteneur

   .video-container iframe {
   position: absolue;
   en haut: 0;
   gauche: 0;
   largeur: 100%;
   hauteur: 100%;
   }

J'espère que cela t'aides!
Se référer au lien pour plus d'informations

Essaye ça:

iframe, object, embed {
max-width: 100%;
}