iframe高度调整

时间:2010-03-28 07:27:45

标签: javascript html css iframe

有没有办法将iframe的高度设置为与其源的高度相同?

我想要 a)避免滚动条和
b)避免在px中使用固定高度
谢谢。 :)

3 个答案:

答案 0 :(得分:1)

由于源页面位于不同的域 - 否。

根据内容调整其大小的唯一方法是使用JavaScript测量内容的呈现大小,Same Origin Policy将阻止此操作。

答案 1 :(得分:0)

我认为这个问题是answered before

答案 2 :(得分:0)

如果我理解正确,您可以控制iframe内容?在那种情况下,我几周前写了a javascript thingie (squeezeFrame.js),这可以做你需要的。

基本上它使用;

  • clientWidth(以及可选的-Height)来获取“视口”的大小
  • scrollWidth(再次选择-Height)以获取整个(iframed)页面的大小
  • 缩放(和-moz-transform:firefox缩放)放大/缩小

您可以看到a couple of demo's of squeezeFrame.js in action here