将 iFrame 内容宽度设为 iFrame 的宽度

Question

如何使 iFrame 内容宽度成为 iFrame 的宽度？例如，如果 iframe 是这样声明的：

<iframe style="width: 300px; height: 600px;" src="http://teamfreehugs.github.io/stackexchange/questionpacker/clean.html?question=4&amp;site=stackoverflow"></iframe>

如何使 iFrame 的内容具有较小的网页，并且不显示滚动条？另外，我不想隐藏滚动条，我想通过减小内页的大小使其无法显示。示例：

这就是我所拥有的：

这里，iFrame 的内页认为页面大小是我的常规页面大小，而不是 iFrame 的页面大小，从而使<hr> 更长。

我想要的是滚动条消失并且里面的页面认为它的宽度更小。例如，如果我将宽度设置为width: 100px，则内页认为窗口只有100px，这意味着<hr>只会显示100像素。

Answer 1

http://alistapart.com/article/creating-intrinsic-ratios-for-video

也许这种技术会派上用场。 =) 它不仅适用于视频，还适用于任何嵌入式内容。您甚至可以将它用于带有背景图像等的技巧。

Answer 2

body{ 
width: 100%; 
}

在您的 iframe 内容上。

并且您的内容中显然还有其他宽度更大的元素，给它们 max-width: 100%;