Facebook Like Box 小部件答案

【问题标题】：Facebook Like Box WidgetFacebook Like Box 小部件
【发布时间】：2014-12-03 16:25:51
【问题描述】：

我做了很多研究，通过 StackOveflow 给出的答案完全有道理，但不起作用。我尝试为元素设置宽度：100%; 的样式，但无济于事，仍然存在溢出，阻止 Widget 响应。它在移动设备上看起来很棒，但那是因为它已针对该视口进行了优化。关于从 Facebook 获取 Facebook Like Box Widget 以使 wordpress 响应并适合其父容器的任何建议？

写什么，在哪里写。

http://www.seattleimpactfcshop.com

非常感谢任何帮助。

【问题讨论】：

这正在减轻痛苦，但看起来仍然不是那么好。 .fb-cmets, .fb-cmets iframe[style], .fb-like-box, .fb-like-box iframe[style]{width:100% !important;} .fb-cmets span, .fb-cmets iframe span[style], .fb-like-box span, .fb-like-box iframe span[style]{width: 100% !important;} 我知道我的侧边栏区域的宽度没有帮助，但它有能够看起来“更好”。

标签： facebook wordpress plugins widget fluid-layout

【解决方案1】：

我遇到了同样的问题。我知道它需要大量的 javascript 摆弄才能做到这一点。我通过同时输出两个小部件解决了这个问题，例如：

class="fb-like" data-share="true" data-width="500" data-show-faces="false"

和：

class="fb-like" data-share="true" data-width="320" data-show-faces="false"

然后在移动和桌面布局中切换显示块和display:none。

【讨论】：