Skip to main content
2 de 2
Redacción y formato de código
gugadev
  • 19.1k
  • 1
  • 27
  • 49

iframe para banner responsive

Buen día. Estoy teniendo problemas para hacer un banner responsive creado con <iframe>. Estoy usando el mismo método que uso para los vídeos, pero en este caso no me está funcionando.

Código

.redes .embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.redes .embed-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
<div class="redes">
  <div class="caja">
    <h2>Afiliados</h2>
  </div>

  <div class="embed-container">
    <iframe src="//rcm-eu.amazon-adsystem.com/e/cm?t=laxtore-21&o=30&p=12&l=ur1&category=videojuegos&banner=1RX48D6WZRXCY43X4EG2&f=ifr" width="300" height="250" scrolling="no" border="0" marginwidth="0" style="border:none;max-width:800px;max-height:600px;"
      frameborder="0"></iframe>
  </div>
</div>

No consigo que el iframe se adapte a la resolución de manera dinámica.

user27826