Css 让社交媒体按钮(Facebook、Twitter等)响应

Css 让社交媒体按钮(Facebook、Twitter等)响应,css,button,share,social,Css,Button,Share,Social,我正在尝试从facebook、twitter、pinterest、linkedin、xing和google+上获取标准按钮。它们太小了,不会变大。我尝试了媒体查询和其他事情,但都不起作用 在这个网站上:他们做到了。但我无法找到解决办法 例如,这是facebook按钮: <div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button_count" data-a

我正在尝试从facebook、twitter、pinterest、linkedin、xing和google+上获取标准按钮。它们太小了,不会变大。我尝试了媒体查询和其他事情,但都不起作用

在这个网站上:他们做到了。但我无法找到解决办法

例如,这是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>`

(功能(d、s、id){
var js,fjs=d.getElementsByTagName[0];
if(d.getElementById(id))返回;
js=d.createElement;js.id=id;
js.src=“//connect.facebook.net/de#de/sdk.js#xfml=1&version=v2.0”;
fjs.parentNode.insertBefore(js,fjs);
}(文档“脚本”、“facebook jssdk”)`
(这是标准的类似facebook/共享按钮)


这里有人有解决方案或相同的问题吗?

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

css

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

请提供更多信息,如css或您的代码的任何演示,尽可能多的数据,你有?