¿Cómo cambio el tamaño del contenido de un iframe para llenar el ancho/alto del iframe?
Cambié el ancho y la altura del Iframe para hacerlo más grande, sin embargo, el contenido no se escala con él, lo que deja un montón de espacios en blanco (es como si el contenido estuviera absolutamente posicionado en la parte superior izquierda del Iframe).
<iframe width="500px" height="300px" frameborder="0" scrolling="no" src="someContent"> </iframe>¿Por qué el contenido del Iframe no se escala cuando establece el ancho/alto de un Iframe?
Si no tiene control sobre el contenido del iframe (es decir, no puede editar la fuente), puede intentar escalar el iframe, así:
<iframe width="500px" height="300px" frameborder="0" scrolling="no" src="someContent" style="-webkit-transform:scale(0.5);-moz-transform-scale(0.5);"> </iframe> Debe experimentar con la height , el width y el valor de la escala para lograr el resultado deseado.
Consulte también: Cambiar el tamaño del contenido del sitio web externo para que se ajuste al ancho de iFrame