我有一个标签应用程序设置为高度和宽度流动。高度没有问题...宽度不起作用所以我的页面的很大一部分(只有648像素宽)没有显示出来。我们故意将宽度设置为小于最大值,因此我们不会遇到此问题。要查看您可以转到箭头紧固件页面...比赛或像我们一样输入标签。
答案 0 :(得分:1)
标签应用仅使用固定宽度:520px。只能设置高度。
流体宽度仅适用于Canvas应用程序(apps.facebook.com/app-name),这就是为什么这些设置以“Canvas”为前缀(Canvas Width,Canvas Height)。
麦克
答案 1 :(得分:0)
在结束正文标记上方添加您的AppID和以下代码。它将在标签上完美运行。
<script type="text/javascript">
fb_root = document.createElement( 'div' );
fb_root.id = 'fb-root';
try
{
window.document.childNodes[0].appendChild( fb_root );
}
catch( error )
{
window.document.body.appendChild( fb_root );
}
window.fbAsyncInit = function() {
FB.init({
appId : '222222222222222', //your app ID
status : true, // check login status
cookie : true // enable cookies to allow the server to access the session
});
//FB.Canvas.setSize({ width: 520, height: 1400 });
function getDocHeight() {
var D = document;
return Math.max(
Math.max(D.body.scrollHeight, D.documentElement.scrollHeight),
Math.max(D.body.offsetHeight, D.documentElement.offsetHeight),
Math.max(D.body.clientHeight, D.documentElement.clientHeight)
);
}
var mySetSize = function() {
var height = getDocHeight();
FB.Canvas.setSize({ width: 520, height: height });
setTimeout( mySetSize, 200 );
};
setTimeout( mySetSize, 200 );
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
document.getElementById('fb-root').appendChild(e);
}());
var head = document.getElementsByTagName('head')[0],
style = document.createElement('style'),
rules = document.createTextNode('body { position: relative; max-width: 520px!important;width: 520px!important; overflow: hidden!important; margin: 0px!important; }');
style.type = 'text/css';
if(style.styleSheet)
style.styleSheet.cssText = rules.nodeValue;
else style.appendChild(rules);
head.appendChild(style);
</script>