Lo he estado intentado de varias maneras, con js
y css
pero no me funciona.
<iframe id="if" src="https:url..." frameborder="0" scrolling="no" seamless="seamless" style="display:block; width:100%; height:100%;">
</iframe>
Ejemplo:
<iframe id="if" src="https://es.stackoverflow.com/" frameborder="0" scrolling="yes" seamless="seamless" style="display:block; width:100%; height:100%;">
</iframe>
Si se fijan a pesar de poner el height a 100% no lo hace.
Por medio de un script que encontré en esta respuesta tampoco tengo exito:
function resizeIframe(obj) {
obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
}
<iframe id="if" src="https://es.stackoverflow.com/" onload="resizeIframe(this)" frameborder="0" scrolling="yes" seamless="seamless" style="display:block; width:100%; height:100%;">
</iframe>
¿Hay alguna manera de lograrlo sin importar que ese iframe pertenezca a cualquier dominio?