2012-03-26 50 views
-1

我有一個iframe,可以完全調整大小,以適應Chrome和IE中的畫布內容,但是當涉及到Firefox時,我會陷入可怕的水平/垂直滾動條,這是我不想要的。Facebook的:iframe不在Firefox中調整大小

我已經自動調整在Facebook的應用開發打開並試圖通過明確

FB.Canvas.setSize 

等設置的大小...但沒有好的

使用自動增長方法試過哪些適用於默認頁面(雖然遠非完美),但任何標籤頁面似乎都不會調整大小。

有什麼建議嗎?

感謝

+0

Downvoter關心評論? – dtsg 2012-06-21 12:09:48

回答

1

我不確定你是否試過這個,但這個接縫爲我工作。我設置了高度的應用程式的設定流體,然後我在

<!--Get jQuery--> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.js" type="text/javascript"></script> 

<script type="text/javascript"> 
window.fbAsyncInit = function() {FB.Canvas.setSize();} 
</script> 

然後添加此代碼後body標籤我添加此

<body style='overflow: hidden' > 
<div id="fb-root"></div> 
<script src="https://connect.facebook.net/en_US/all.js"> 
</script> 

<script> 
FB.init({ 
appId : "APP_ID", 
status : true, //check login status 
cookie : true, //enable cookies to allow the server to access the session 
xfbml : true //parse XFBML 
}); 
FB.Canvas.setAutoResize(7); 
</script> 

嘗試使用:)

+1

是的,帆布的寬度和高度是固定的,改變它們爲流體固定它。使用'setAutoGrow();'代替'setAutoResize();',因爲它已被棄用。乾杯。 – dtsg 2012-03-27 08:24:54

0

我發現,有時候這些方法可以是一個小馬車,但如果你一直打電話給他們,Facebook的父窗口,最終得到消息。在這種情況下,你可能想嘗試這樣的事情:

setInterval(FB.Canvas.setSize, 500);