复制最相关的答案@Aristos

Question

如何实现自动化？我希望它将宽度/高度扩展到它所拥有的内容。

例如，在这个小提琴中，它看起来随机制作一个300px乘200px的盒子。

但内容实际上大约是10页或8.5英寸乘（11 * 10）英寸。页面是8.5 x 11英寸。我知道我可以通过简单地在CSS中设置尺寸来设置尺寸，但我希望它们适应iframe所拥有的任何内容，即内容是动态的。

小提琴代码：

<div id="community">
  <div id = "community_outer"></div>
  <div id = "community_cover"></div>
  <iframe scrolling="no" id="community_frame" src="https://docs.google.com/document/d/1n9bsHIBk1KxGQTKgUF-NG6FRhb4LP0OHfmd4I50CFCU/pub" ></iframe>
</div>

Answer 1

我曾多次尝试过轻松插入API以及其他方面的内容。

这并不像人们想象的那么简单。 iFrames的全部原因是为了避免安全性AJAX来电并显示remote content。

因此，您的文档不会考虑css document的{{1}}属性，因此尝试将您的网页渲染为全尺寸比起容易。

我建议您阅读comments以及下文所述的帖子：

Link to question 9162933

看起来您将不得不使用script。

复制最相关的答案@Aristos

<script type="text/javascript">
  function iframeLoaded() {
      var iFrameID = document.getElementById('idIframe');
      if(iFrameID) {
            // here you can make the height, I delete it first, then I make it again
            iFrameID.height = "";
            iFrameID.height = iFrameID.contentWindow.document.body.scrollHeight + "px";
      }   
  }
</script>

然后 HTML

<iframe id="idIframe" onload="iframeLoaded()" ...

我个人总是遇到问题，所以我的最终解决方案是避免使用iFrames，但你也许可以做到这一点。

也许使用Google个可用的API之一？

http://code.google.com/apis/ajax/playground/#news_show_via_iframe

是什么决定了iframe的宽度和高度？

1 个答案:

复制最相关的答案@Aristos