2010-06-10 24 views
0

我正在設計一個網頁與HTML IFrames 有沒有一種可能的方法來使iframe寬度和高度自動調整大小,並與至少(IE瀏覽器,火狐,Safari瀏覽器,鉻)compatable?Iframe autoresize

請幫忙!

+0

什麼是自動調整大小? – 2010-06-10 16:01:45

+0

請參閱http://stackoverflow.com/questions/819416/adjust-width-height-of-iframe-to-fit-with-content-in-it – 2013-06-19 09:03:13

回答

0

號你可以很輕鬆地管理寬度,但網頁是流文件,不「理解」高概念(不容易,至少)。

爲了做這樣的事情,你必須使用JavaScript。爲了儘可能輕鬆地使您的JavaScript跨瀏覽器兼容,您應該使用框架,如jQuery

這裏大約有使用jQuery like this one.

0

在iframe的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>