Html 类似Facebook的按钮：在移动设备上忽略数据宽度属性

我使用以下html代码在我们的网站上显示FB“Like”按钮：

<div class="fb-like" data-href="https://www.facebook.com/MyCompany?ref=hl" data-send="false" data-width="400" data-show-faces="false"></div>

链接到属于Facebook的like.php文件

---

我不知道此错误消息是否与移动设备上的数据宽度问题有关。也许有人已经面临这个问题了。我将感谢任何帮助或解释。

这是我如何解决这个问题的。我将类为“fb like”的div放入容器中，并设置父容器的宽度：

<div class="fb-wrapper">
    <div class="fb-like" data-href="https://www.facebook.com/MyPage?ref=hl" data-send="false" data-width="400" data-show-faces="false"></div>
</div>

---

我知道，这不是一个很好的解决方案。如果您能给我一些建议，我将不胜感激。

我知道这有点晚了，但我只是自己“解决”了这个问题。将FB div包装在另一个div中，并将display设置为inline block

Viewport argument value "device-width;" for key "width" is invalid, and has been ignored. Note that ';' is not a separator in viewport values. The list should be comma-separated.

<div class="fb-wrapper">
    <div class="fb-like" data-href="https://www.facebook.com/MyPage?ref=hl" data-send="false" data-width="400" data-show-faces="false"></div>
</div>

.fb-wrapper{float: right; width: 400px; height: 30px; overflow:hidden;}