Facebook Connect在移动网站上扩展页面宽度

Question

Facebook的移动示例使用脚本:http: //connect.facebook.net/en_US/all.js.此脚本添加到div fb-root.我的移动网站是320px宽,我使用视口元设置.包括Facebook的脚本会在实际内容的右侧产生一个巨大的额外空间,因为它的内容设置为575px宽.我尝试用代码替换575px和320px("#fb-root").val().replace("575px","320px"); 但这没有帮助 - 也许我做错了(使用jQuery).

任何人都知道如何将其限制为320px？

更新:发现一个错误报告,有两个解决方法:

1. 在FB.init中将状态设置为false.我可以验证这确实为我解决了问题,但却破坏了用户登录的能力.

2. <div id="fb-root"></div>直接向下移动<body>.这不适合我.

资料来源:http: //bugs.developers.facebook.net/show_bug.cgi？id = 18528

Answer 1

我使用以下css样式规则来击败这个575px#fb-root宽度问题:

#fb-root > div { left:-575px !important; }

这是有效的,因为如果你在Firebug的HTML树查看器中找到#fb-root节点,你会发现它包含一个子div,其样式如下:

position: absolute; top: -10000px; height: 0pt; width: 0pt;

Answer 2

您提供的代码似乎只替换了代码中的值，此时该值已经被触发。您可以尝试在 fb-root 上使用jquery 的 .css()方法设置宽度。确保在包含 fb js sdk 后触发此事件，或者如果异步加载，则将其放入回调方法中。