让社交媒体按钮（Facebook、Twitter 等）响应

Question

我正在尝试从 Facebook、Twitter、Pinterest、LinkedIn、Xing 和 Google+ 响应标准按钮。 它们太小了，不会变大。 我尝试了媒体查询和其他东西，但它不起作用。

在这个网站上： http ://www.kaufda.de/info/konsum-in-echtzeit/ 他们实现了它。 但我无法得到解决方案。

例如，这是 Facebook 按钮：

<div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true"></div>

使用以下脚本：

<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/de_DE/sdk.js#xfbml=1&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>`

（这是标准的 Facebook 喜欢/分享按钮）

这里有人有解决方案或同样的问题吗？

Answer 1

如果您有 html 代码，则可以使用 css 对其进行样式设置：

css

.fb-like {
    /* will set its width to 70% of its container */
    width: 70%;
}