Question

我有一个完美调整大小的iframe，以适应chrome和ie中的画布内容，但是当遇到firefox时，我会遇到可怕的水平/垂直滚动条，这是我不想要的。

我在Facebook应用开发中打开了自动调整大小，并尝试通过

明确设置大小

FB.Canvas.setSize

等等......但那不是很好

尝试过使用适用于默认页面的autoGrow方法（虽然它远非完美），但任何标签页似乎都没有调整大小。

有什么建议吗？

由于

Answer 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 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>

尝试使用：）

Answer 2

我发现有时候这些方法可能有些小问题，但如果你不断调用它们，那么Facebook父窗口最终会收到消息。在这种情况下，您可能想尝试这样的事情：

setInterval(FB.Canvas.setSize, 500);

Facebook：iframe没有在firefox中调整大小

2 个答案: