facebook-like - Facebook“喜欢”按钮的评论框大小

Question

当用户点击like按钮时，会弹出一个宽度为450px的评论框。这对于我可用的空间来说太大了。据我所知，这个评论框似乎没有响应我在这里设置的“数据宽度”属性：

<div class="fb-like" data-send="false" data-layout="button_count" data-width="290"  data-show-faces="false">

...所以我一直用我的 css 强制它到这个大小：

iframe.fb_ltr { max-width:290px !important;}

一切都很好，直到似乎发生了一些变化，这不再可行，因为现在使用这个新的 iframe 在 iframe 中设置了 450px 的宽度？班级：

<div class="fbpf pluginLikeFlyout pluginLikeFlyoutFull pluginLikeFlyoutFullButton">

.pluginLikeFlyoutFull {
    top: 24px;
    width: 450px;
}

底线，是否有另一种方法来设置评论框的宽度，使其不默认为 450 像素？

谢谢，马特

Answer 1

我将此添加到我的CSS：

div.fb-like.fb_iframe_widget > span {
 width: 100% !important;
}

div.fb-like.fb_iframe_widget{
 width: 100%;
}