facebook like 按钮更大尺寸答案

【问题标题】：facebook like button larger sizefacebook like 按钮更大尺寸
【发布时间】：2010-10-14 22:48:06
【问题描述】：

有没有办法增加fb like插件的大小？

谢谢。

【问题讨论】：

【解决方案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;
}

【讨论】：

以防万一它对其他人有帮助，我的 iframe 没有 ID。所以我用.fb_iframe_widget iframe定位它。
警告一下，这将在移动浏览器上中断（测试过的 Chrome、Firefox）
在移动设备上似乎“不受尊重”，但在桌面设备上工作。

【解决方案2】：

不，它按原样出现。奇怪的是，Google+ 和 Twitter 允许您有不同大小的按钮。

【讨论】：

【解决方案3】：

我使用引导程序并添加属性 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>

它可以使按钮变大。

【讨论】：

【解决方案4】：

有一种解决方法，但它与 FB's policy 更改按钮的外观相违背。我想你可能可以创建一个更大尺寸的 FB 按钮并使用它......

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

【讨论】：

“某个地方的某个人”说扩展它可能不违反政策......

【解决方案5】：

如今，like 插件提供了“小”或“大”变体，即数据大小：

<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/）虽然它可能会使定位有点混乱。

当然我想如果你真的很绝望，你可以做“你自己的自定义按钮”的老把戏，只是将他们重定向到一个只有“真正的”按钮的页面，或者弹出一个带有“就像按钮一样”，他们必须再次点击：|

【讨论】：