在响应式页面上使用Facebook“喜欢”按钮

Question

我要求在响应式网站上添加社交媒体按钮。这开始似乎并不那么困难，除了我注意到Facebook'喜欢'按钮是一个iframe，所以显然无法做出响应。我一直在寻找包含它的方法，但我没有太多运气。

有没有人遇到一个解决方案，或者更好的是，我还没有找到一个新的响应友好版本的按钮？这个问题让我想知道Facebook的“喜欢”按钮是否属于移动设备？

Answer 1

按钮位于iframe中的事实不会影响任何内容。你总是可以把它放在一个div中，并相应地调整div的样式。

<div class="facebook-button">
   <!-- Facebook button code goes here -->
</div>

.facebook-button {
    ... responsive css here ...
}