我遇到了以下问题；高度未正确缩放，背景不再透明，边框颜色错误，框底部被切掉，文本和背景在“深色”设置下颜色相同。这发生在我实现了“点赞框”的每个网站上。
这些都可以在 Like Box - Developers Page 上复制 https://developers.facebook.com/docs/reference/plugins/like-box/ 尝试以下设置:
宽度 400
高度 600(框不会缩放)(如果您保留默认值并打开 Show Faces 底部被切断)
显示面孔:开启
配色方案:深色
显示流:开启
边框颜色:#000(边框不会改变颜色)
显示面孔:关闭
(您会注意到文本和背景颜色相同(背景不再透明))这一切似乎是在美国东部标准时间周三午夜更新后开始的，我相信这是他们试图解决问题的结果图片在 Feed 中被拉伸(stretch)。
最佳答案
这对我有用:
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fplatform&width=400&height=558&show_faces=true&colorscheme=dark&stream=true&border_color=%23000000&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 文档后调整这些值。
关于facebook - HTML5 喜欢盒子坏了，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13789787/