【问题标题】:iframe height adjustmentiframe 高度调整
【发布时间】:2010-03-28 07:27:44
【问题描述】:

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

我正在努力
a) 避免滚动条和
b) 避免在 px 中使用固定高度

谢谢你。 :)

【问题讨论】:

  • “来源高度”是指在框架内显示的页面高度?
  • 是的,确实是这个意思。此外,源页面位于不同的域中。

标签: javascript html css iframe


【解决方案1】:

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

根据内容调整其大小的唯一方法是使用 JavaScript 测量内容的渲染大小,Same Origin Policy 将防止这种情况发生。

【讨论】:

    【解决方案2】:

    我想这个问题一直是answered before

    【讨论】:

    • Sweet :) 虽然我不能使用这个(无法控制源页面),但很高兴知道!谢谢!
    【解决方案3】:

    如果我理解正确,您可以控制 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

    【讨论】:

    • 不,很遗憾,无法控制 iframe 中的内容。感谢您的贡献,它可能对我以外的其他情况有用,很高兴知道!
    猜你喜欢
    • 1970-01-01
    • 2012-08-06
    • 2011-08-23
    • 1970-01-01
    • 1970-01-01
    • 2014-11-06
    • 2018-03-23
    • 2013-10-28
    • 2011-11-25
    相关资源
    最近更新 更多