Question

我正在设计一个包含HTML IFrame的网页是否有一种方法可以使iframe的宽度和高度自动调整，并且至少可以兼容（IE，firefox，safari，chrom）??

请帮忙！

Answer 1

没有

您可以非常轻松地管理宽度，但网页是流动文档，并且不“理解”高度的概念（至少不容易）。

为了做这样的事情，你必须使用javascript。为了使您的javascript跨浏览器尽可能轻松地兼容，您应该使用jQuery等框架。

这里有几个关于使用jQuery like this one.

将内容调整为高度的问题

Answer 2

在ifload的onload中调用一个函数，您可以在其中设置iframe的高度和宽度。



    <iframe name="preview" id="preview" width="450" height="450"    onLoad="iframeResize();"></iframe>

    <script>
        function iframeResize () {
            document.getElementById('preview').height = SOMEVALUE
            document.getElementById('preview').width = SOMEVALUE
        }  
    </script>

iframe autoresize

2 个答案: