Facebook 喜欢盒子小部件不识别数据宽度属性？

Question

我今天才注意到 Facebook Like Box 小部件的数据宽度属性似乎不起作用。看起来它正在恢复到默认宽度。我正在谈论的例子可以在 http://blog.christopherjonesart.com 上看到。 .

这是我使用的代码(非常标准):

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) {return;}
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like-box" data-href="http://www.facebook.com/christopherjonescomicart"    data-width="190" height="395" data-show-faces="true" data-border-color="black" data-stream="false" data-header="true"></div>

我在几个网站上都遇到了这个问题。它在 Chrome、Firefox、Safari 和 Internet Explorer 中执行此操作。我最近没有更新 Wordpress 或对我的 css 进行任何更改。

帮助？这样看起来真的很糟糕。 :-(

Answer 1

扩展 user2477225 的答案，您设置的自定义定位(页面上某处的相对或绝对定位)可能有问题，所以我所做的是:

.fb_iframe_widget>span { width: 240px !important; }
.fb-like-box iframe { width: 240px !important; }

到目前为止似乎还在工作。

编辑:对于 IE 8(及更低版本)，请改用它:

.fb_iframe_widget span { width: 240px !important; }
.fb-like-box iframe { width: 240px !important; }

我喜欢在我的选择器中尽可能具体，但在进一步检查这个问题之后，我认为没有技术理由在这里使用 > 选择器。