代码之家  ›  专栏  ›  技术社区  ›  johnjohn

iframe高度调整

  •  3
  • johnjohn  · 技术社区  · 15 年前

    是否有方法将iframe的高度设置为与源的高度相同?

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

    谢谢您。:)

    3 回复  |  直到 15 年前
        1
  •  0
  •   Community CDub    7 年前

    我认为这个问题 answered before

        2
  •  1
  •   Quentin    15 年前

    因为源页面位于另一个域“否”。

    根据内容调整其大小的唯一方法是使用javascript测量内容的呈现大小,以及 Same Origin Policy 会阻止这种情况。

        3
  •  0
  •   futtta    15 年前

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

    本质上它使用;

    • clientWidth (可选-高度)以获取“视区”的大小
    • 滚动宽度(再次选择-高度)以获取整个(iframed)页面的大小
    • 缩放(和-moz-transform:scale for firefox)以放大/缩小

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