iframe高度调整

Question

Is there a way to set the height of the iframe to be the same as the height of its source?

I am trying to
a) Avoid scrollbars and
b) Avoid using fixed height in px

Thank you. :)

Answer 1

Since the source page is on a different domain — no.

The only way to adjust its size based on the content is to measure the rendered size of the content using JavaScript, and the Same Origin Policy will prevent this.

Answer 2

我认为这个问题之前已经得到了回答

Answer 3

if i understand correctly you have control over the iframe-content? in that case i wrote a javascript thingie (squeezeFrame.js) a couple of weeks ago, that can do just what you need.

essentially it uses;

• clientWidth (and optionally -Height) to get the size of the "viewport"
• scrollWidth (again optionally -Height) to get the size of the entire (iframed) page
• zoom (and -moz-transform: scale for firefox) to zoom in/out

you can see a couple of demo's of squeezeFrame.js in action here