Javascript 除chrome外，任何浏览器上都不显示fb类按钮

我用iframe代码在我正在开发的网站上显示了类似fb的按钮，通常它适用于所有浏览器，但这只在chrome上显示

我尝试使用html5和xfbml，但在其他浏览器上仍然没有显示

在html5版本上尝试固定css跨距的高度和宽度仍然没有显示

其读数为

高度：0和
宽度：0和镀铬<代码>高度：21和
宽度：73

为什么会发生这种情况？

我还注意到，当我在中输入fb页面url时
预览没有显示。已尝试其他页面，并显示预览

这与它为什么不在其他浏览器上显示有关吗？

这是iframe代码

<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FCarolina-Designer-Cabinets%2F400436533396747&amp;send=false&amp;layout=button_count&amp;width=450&amp;show_faces=false&amp;font&amp;colorscheme=light&amp;action=like&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>



这里是网站
这很奇怪，看起来是您的布局（可能是CSS、JS或HTML）的特定问题导致的。另外，看起来iframe内部代码在非chrome浏览器上没有正确呈现。无论如何，Facebook已经宣布iframe已被弃用，所以我建议您转到他们的更新代码，看看是否可行。就你而言：

<div class="fb-like" data-href="http://www.facebook.com/pages/Carolina-Designer-Cabinets/400436533396747" data-send="false" data-layout="button_count" data-width="450" data-show-faces="true"></div>



如果还没有，您可能需要在页面底部包含以下JS

<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&appId=465232306855359";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>


（功能（d、s、id）{
var js，fjs=d.getElementsByTagName[0]；
if（d.getElementById（id））返回；
js=d.createElement；js.id=id；
js.src=“//connect.facebook.net/en_US/all.js#xfml=1&appId=465232306855359”；
fjs.parentNode.insertBefore（js，fjs）；
}（文档“脚本”、“facebook jssdk”）；
我刚才试过，但还是不起作用。在非chrome浏览器上只注意到一件事。它们将跨度渲染为fb-like div。我从其他论坛上读到，他们只是通过css调整了这些值，但在我的论坛上仍然不起作用。