调整/缩放Facebook的按钮(高度和宽度)

时间:2011-12-30 06:52:47

标签: height facebook-like scale

我找不到任何地方(如果可能的话)如何调整整个按钮的大小(不是它的iframe或容器,而是按钮本身带有书写和所有内容)。

Google+提供了多个版本的+1按钮,最小的是15px。

出于设计目的,我需要更改(缩放)FB like按钮的大小以匹配站点的布局(在这种特殊情况下......缩小到15px)。

(根据FB条款和条件允许缩放。)

1 个答案:

答案 0 :(得分:19)

虽然你说的不是iframe,但如果你用CSS3缩放iframe,它会增加按钮的大小。最好给iframe一个ID或类,但如果它是页面上唯一的iframe,那么这样的东西就可以工作:

iframe
{
transform: scale(1.5);
-ms-transform: scale(1.5); 
-webkit-transform: scale(1.5); 
-o-transform: scale(1.5); 
-moz-transform: scale(1.5); 
transform-origin: top left;
-ms-transform-origin: top left;
-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-webkit-transform-origin: top left;
}

以下是http://www.tinydesign.co.uk/like/

的示例