css – 如何使Facebook Like Box响应?

前端之家收集整理的这篇文章主要介绍了css – 如何使Facebook Like Box响应?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用Facebook像Box代码在我的 side bar通过粘贴Facebook代码到一个文本小部件。我的主题是响应,我想得到类似的框,以正确调整大小。我发现这个 tutorial,但他说他的方式,他做的,不是“完全反应”,所以我不知道是否有一个更好的方法来做到这一点。

解决方法

注意:此答案已过时。有关最新解决方案,请参阅 the community wiki answer below

我今天找到这个Gist,它的工作完美:https://gist.github.com/2571173

(非常感谢https://gist.github.com/smeranda)

/* 
Make the Facebook Like Box responsive (fluid width)
https://developers.facebook.com/docs/reference/plugins/like-Box/ 
*/

/* 
This element holds injected scripts inside iframes that in 
some cases may stretch layouts. So,we're just hiding it. 
*/

#fb-root {
    display: none;
}

/* To fill the container and nothing else */

.fb_iframe_widget,.fb_iframe_widget span,.fb_iframe_widget span iframe[style] {
    width: 100% !important;
}

猜你在找的CSS相关文章