html - DIV 样式使得包含的 IFRAME 不需要滚动

Question

我怎样才能在 div 容器中插入一个 iframe 使得嵌入的 iframe 内容永远不会有滚动条(嵌入的内容永远不会很宽，但通常足够高以导致出现垂直滚动条)。

换句话说，给定

<div class="embedded">
    <iframe class="embedded" src="http://xxx.yyy.zzz/content.html"></iframe>
</div>

如何定义

div.embedded { }
iframe.embedded { }

这样嵌入的内容总是完全可见并且从不使用滚动条？

Answer 1

您可以使用库 http://davidjbradshaw.github.io/iframe-resizer/使 iFrame 的大小与内容保持一致。

示例:http://davidjbradshaw.com/iframe-resizer/example/