0

我正在尝试使我的 iFrame 页面高度适应页面的内容。在应用程序设置中，我设置了以下内容：

画布宽度：固定（760 像素） 画布高度：可设置（默认：800 像素） 社交发现：已启用

这是我的 index.html 文件的代码：

<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0              
Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html 
xmlns="http://www.w3.org/1999/xhtml"><head><title></title><meta http-equiv="refresh" 
content="0;url= Merchandise.html" />
<script type="text/javascript">
window.fbAsyncInit = function() {
FB.Canvas.setSize();}
function sizeChangeCallback() {
FB.Canvas.setSize();}
</script></head><body><div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script>
FB.init({ 
appId : 'XXXXXXXXX',
status : true, 
cookie : true, 
xfbml : true 
});
</script></body></html>

不太确定这里出了什么问题。任何帮助都会很棒。我也尝试添加推荐的 css 块，但无济于事。

删除了元刷新标签，编辑了代码，现在看起来像：

<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0     
Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html 
xmlns="http://www.w3.org/1999/xhtml"><head><title></title><content="0;url=   
Merchandise.html" />
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script type='text/javascript'>
window.onload=function() {
  FB.Canvas.setSize({width:760,height:document.body.offsetHeight});
}
</script></head><body>
</body></html>

仍然没有运气

4

1 回答 1

0

您实际上不需要调用 FB.init() ，除非您正在使用 javascript SDK 执行其他操作。尝试摆脱<script>您当前拥有的所有块，并将此代码放入<head>：

<script src="http://connect.facebook.net/en_US/all.js"></script>
<script type='text/javascript'>
window.onload=function() {
  FB.Canvas.setSize({width:760,height:document.body.offsetHeight});
}
</script>

而且，标题中的元刷新标签是什么？

对于页面选项卡，修改对 setSize() 的调用，如下所示：

FB.Canvas.setSize({width:520,height:document.body.offsetHeight+20});

还要确保页面中没有任何元素宽度超过 760 像素/520 像素，否则会出现水平滚动条，这通常也会导致垂直滚动条出现。

于 2011-10-26T20:10:46.817 回答