Canvas iFrame高度代码不工作_Canvas_Facebook Iframe_Facebook Canvas

Canvas iFrame高度代码不工作

canvas

Canvas iFrame高度代码不工作,canvas,facebook-iframe,facebook-canvas,Canvas,Facebook Iframe,Facebook Canvas,我正在尝试使iFrame页面高度根据页面内容进行调整。应用程序内设置我已设置以下内容：画布宽度：固定（760像素）画布高度：可设置（默认值：800px）社交发现：已启用这是我的index.html文件的代码： <?xml version="1.0" encoding="UTF-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.or

我正在尝试使iFrame页面高度根据页面内容进行调整。应用程序内设置我已设置以下内容：

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

这是我的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>


window.fbAsyninit=函数（）{
FB.Canvas.setSize（）；}
函数sizeChangeCallback（）{
FB.Canvas.setSize（）；}
FB.init（{
appId:'XXXXXXXXX'，
状态：正确，
曲奇：是的，
xfbml：对
});

我不确定这里到底出了什么问题。任何帮助都会很好。我还尝试添加了推荐的css块，但没有效果

删除了meta refresh标记，编辑了代码，现在看起来像：

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


window.onload=function（）{
FB.Canvas.setSize（{宽度：760，高度：document.body.offsetSight}）；
}

仍然不走运

除非您正在使用javascript SDK执行其他操作，否则实际上不需要调用FB.init（）。尝试清除当前所有的

块，并将此代码放在

中：

还要确保页面中没有比760px/520px更宽的元素，否则会出现水平滚动条，这通常会使垂直滚动条也出现。

检查上面，我用新代码编辑了这个问题，仍然没有运气它到底做了什么/没有做什么？如果您只有一个包含几行文本的测试文件，它会缩小吗？可能还想在没有指定css文件的情况下尝试一下，以防有什么东西绊倒它。所有内容都显示正确，它只受800px高度的限制。你可以在这里看到：我不知道你说的是页面标签。显然，760的值需要减少到520，你也应该在高度上增加一个大约20px的“模糊因子”。我已经对我的答案进行了必要的修改。仍然不会删除垂直条。横杆不见了。我不知道我做错了什么，非常令人沮丧。

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

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