Question

无论如何都要增加fb插件的大小？

感谢。

Answer 1

是的，使用CSS定位iframe并使用CSS3进行缩放。像这样：

#fbiframe
{
transform: scale(2.5);
-ms-transform: scale(2.5); 
-webkit-transform: scale(2.5); 
-o-transform: scale(2.5); 
-moz-transform: scale(2.5); 
transform-origin: bottom left;
-ms-transform-origin: bottom left;
-webkit-transform-origin: bottom left;
-moz-transform-origin: bottom left;
-webkit-transform-origin: bottom left;
}

Answer 2

不，它按原样出现。奇怪的是，Google+和Twitter允许您拥有各种尺寸的按钮。

Answer 3

有一种解决方法，但它反对改变按钮外观的FB's policy。我想你可能会创建一个更大尺寸的FB像按钮，只需使用它......

http://www.esrun.co.uk/blog/disguising-a-facebook-like-link/

Answer 4

我使用bootstrap并添加属性btn和btn-large css

<div class="fb-like btn btn-large btn-primary" data-href="#"
data-width="550" data-layout="button" data-show-faces="true" 
data-share="false"></div>

它可以使按钮变大。

Answer 5

这些天，类似的插件提供了一个＆＃34;小＆＃34;或＆＃34;大＆＃34;变体，即数据大小：

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

您可以通过其他方式引起对它的注意，也可以像对中一样，等等。请参阅https://www.quora.com/Is-it-possible-to-increase-the-size-of-Facebook-like-button

也试试这个：

.fb-like {
    transform: scale(1.5);
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    -moz-transform: scale(1.5);
}

（来自https://www.babelscribe.co.nz/notes/resizing-facebook-like-buttons/）尽管它可能会使定位陷入困境。

当然，我想如果你真的绝望了，你就可以做出像＃按钮一样的自定义技巧。只是将它们重定向到只有＆＃34;真实＆＃34;喜欢按钮或弹出一个带有＆＃34的模态;就像按钮一样＃34;他们必须再次回顾：|

Facebook喜欢按钮更大的尺寸

5 个答案: