Я использую решение, которое я нашел здесь для stackoverflow, которое автоматически изменяет размер iframe на основе его содержимого.
https://stackoverflow.com/a/362564/258594
Мой iframe используется несколькими веб-сайтами, поэтому мне нужновызов вспомогательного файла должен быть динамическим, а не жестко закодированным.Как я могу передать родительский URL в мой iframe, чтобы изменить следующую строку.
pipe.src = 'http://www.foo.com/helper.html?height='+height+'&cacheb='+Math.random();
Закончено добавление URL в источник iframe
<iframe width="100%" height="100%" src="foo.html#http://www.ParentURL.com"></iframe>
Затем доступ к нему в файле источника iframe
URL = window.location.hash.substr(1); var height = document.body.scrollHeight; var pipe = document.getElementById('helpframe'); pipe.src = URL + '/helper.html?height='+height+'&cacheb='+Math.random();
Первое решение
<iframe width="100%" height="100%" src="foo.html"></iframe>
Второй раствор
<iframe width="auto" height="auto" src="foo.html"></iframe>
foo.html
<body> <div style="width:200px;height:300px;"> <p>Your all content</p> </div> </body>