html - 在响应式页面上使用 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 ...
}