HTML5 Like Box Broken答案

【问题标题】：HTML5 Like Box BrokenHTML5 Like Box Broken
【发布时间】：2012-12-09 17:28:26
【问题描述】：

我遇到以下问题；高度没有正确缩放，背景不再透明，边框颜色错误，框的底部被切断，文本和背景在“深色”设置下是相同的颜色。这发生在我实施了“Like Box”的每个网站上。

这些都可以在Like Box - 开发者页面上复制 https://developers.facebook.com/docs/reference/plugins/like-box/ 尝试以下设置：

宽度 400

高度 600（框不会缩放）（如果您将其保留为默认值并打开 Show Faces 底部被切断）

显示面孔：开启

配色方案：深色

显示流：开启

边框颜色：#000（边框不会改变颜色）

显示面孔：关闭

（您会注意到文本和背景颜色相同（背景不再透明））这一切似乎都是在更新后的美国东部标准时间星期三午夜开始的，我相信这是他们试图解决问题的结果图像在提要中被拉伸。

【问题讨论】：

developers.facebook.com/bugs/128437833979988 描述了一个问题，你订阅了那个错误吗？
这些步骤并没有为我复制问题
@Igy，我没有出现订阅按钮，也无法关注或创建新的错误报告。我知道这个现有的错误报告，并且可以在我的最终模拟海报结果。
更新... 如果我退出 facebook 并清除我的 cookie，点赞框会正确呈现。我登录 Facebook 的那一刻，所有当前浏览器都停止正确呈现 Like Box。
@RobertMroczka 我的网站上有一个类似 FB 的框，我面临着完全相同的问题。当我在 Chrome 中以隐身模式打开我的网站时，它可以完美呈现，但是当我登录到 FB 时，它会中断。

标签： facebook facebook-like facebook-likebox

【解决方案1】：

这对我有用：

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fplatform&amp;width=400&amp;height=558&amp;show_faces=true&amp;colorscheme=dark&amp;stream=true&amp;border_color=%23000000&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:400px; height:558px;" allowTransparency="true"></iframe>

请记住，您需要在<head> 标签中添加几行，否则您将看不到正确的结果

<link rel="alternate" media="handheld" href="https://developers.facebook.com/docs/reference/plugins/like-box/" />

<link rel="canonical" href="https://developers.facebook.com/docs/reference/plugins/like-box/" />

<meta property="og:url" content="http://developers.facebook.com/docs/reference/plugins/like-box/" />

您可以在阅读 FB API 文档后调整这些值。

【讨论】：