Can someone haven't come into contact with this problem, first note, what is the adaptive height. An iframe adaptive height, is, based on considerations of beautiful interface and interaction, the hidden iframe border and the scrollbar, let a person can't see it is an iframe. If the iframe page always call the same fixed height, we write directly die iframe height is ok. And if the iframe to switch pages, or be included page DOM to do dynamic operations, then, would require the application to synchronize the iframe height and contained the actual height of the page.
by the way, the iframe when forced to use, it will bring too much trouble for front-end development.
tradition has two roughly:
method a, at each page contained in itself content is loaded, execution JS height below on this page, then go to synchronize the iframe height of the parent page.
method 2, in the main page of the iframe onload event performed in JS, to have included the height of the page content, and then go to synchronization.
in code maintenance point of view, method 2 is better than one, because the method a, every page is included to introduce a the same code to do this, create a lot of copies.
the two methods are only deals with the static, is the only when content is loaded, if JS to DOM changes the height of the operation, are not very convenient.
if you do a Interval in the main window, to get the height of the included page, and then do synchronization, isn't it is convenient, and solved the problem of the javascript DOM operation? The answer is yes.
the Demo page: the home page iframe_a. HTML, included page iframe_b. HTM and iframe_c HTML
main page code example:

  code is as follows: