如何在不删除内容的情况下减小iframe的大小？

Question

我有一个页面可以加载另一个页面（网址）。问题是iframe页面不适合外页。如何减小iframe页面内容的iframe页面大小？我不希望有滚动条。

Answer 1

很遗憾，您无法真正扩展iframe，以便其内容更改其大小。对于浏览器，iframe是另一个渲染上下文的窗口，该上下文根据自己的CSS具有自己的布局。您可以根据iframe中的内容进行布局。

如果iframe网址来自其他网站，而您无法对其进行修改，那么您无法真正做任何事情。

如果你可以修改iframe中显示的页面，我认为你不会问。

Answer 2

请参阅此处的答案（How can I scale the content of an iframe?）。我正在使用它，它适用于FF，Chrome有点不稳定。

Answer 3

您可以尝试展开iframe的宽度/高度并检查clientWidth与iframe的宽度。如果它们相等，则没有滚动条，否则就有。

使用中点方法提高效率。在sudo-code中：

dx = iframe.width;
while (dx > 1) {
  previous = iframe.width
  if( iframe.width - iframe.clientWidth > 0 ) { 
    iframe.width += dx*2;
  } else {
    iframe.width -= dx/2;
  }
  dx = Math.abs(previous-iframe.width)
}