調整寬度和高度的iframe根據屏幕尺寸

Question

我：

$("#fancybox-manual-b").click(function() { 
    $.fancybox.open({ 
    href : 'iframe.html', 
    type : 'iframe', 
    padding : 5 
    }); 
}); 

<li><a class="fancybox fancybox.iframe" href="iframe.html">Iframe</a></li> 

不過，我想調整取決於用戶屏幕的尺寸iframe的大小。

我嘗試類似：

width = $(window).width() -80; 
heigth= $(window).height() -80; 

這是正確的？如何在代碼中使用它？

Answer 1

或者，你也可以嘗試這個..

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("a.iframe").fancybox({ 
      'width': 800, 
      'height': 500, 
      'transitionIn': 'elastic', 
      'transitionOut': 'elastic', 
      'type': 'iframe' 
     }); 
    }); 
</script> 

ND

Answer 2

試試這個，

function ResizeIframe(iframe) { 
    var iframeBody = (iframe.contentDocument) ? iframe.contentDocument.body : iframe.contentWindow.document.body; 
    var height = (iframeBody.scrollHeight < iframeBody.offsetHeight) ? iframeBody.scrollHeight : iframeBody.offsetHeight; 
    height = height + 10; 
    $(iframe).height(height); 
} 

<iframe id="idFrm" src="URL" frameborder="0" clientidmode="Static" scrolling="no"       height="35px" width="98%" onload="javascript:ResizeIframe(this);"></iframe> 

我已經使用它，就像在所有瀏覽器的魅力。說它是你的

ND的onload事件