javascript - 可以缩小 iframe 的内容吗？

Question

有没有办法在不调整 css 的情况下缩小 iframe 中的内容？

有什么神奇的“缩放”参数吗？!!!

我有一个 600 像素的预览 iframe，我想在没有滚动条的情况下容纳 1000 像素的网站...

Answer 1

CSS3 可以处理这个问题。这段代码应该可以处理大多数浏览器，或者简单地减少它以满足您的需要。无需“调整”任何现有的 CSS:

iframe {
  -moz-transform: scale(0.25, 0.25); 
  -webkit-transform: scale(0.25, 0.25); 
  -o-transform: scale(0.25, 0.25);
  -ms-transform: scale(0.25, 0.25);
  transform: scale(0.25, 0.25); 
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
}

或者如果您想要内联样式，例如只需要 firefox:

<style>
  #IDNAME {
    -moz-transform: scale(0.25, 0.25); 
    -moz-transform-origin: top left;
  }
</style>

然后当然只需将 ID 添加到您的 iframe 中:

<iframe id="IDNAME" src="http://www.whatever.com"></iframe>