2011-12-30 135 views
8

我找不到任何地方(如果可能的话)如何调整整个像按钮(不是它的iframe或容器,但按钮本身与写作和一切) 。调整大小/按比例调整facebook像按钮(高度和宽度)

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

为了设计的目的,我需要改变(缩放)FB像按钮的大小以匹配网站的布局(在这种情况下...缩小到15px)。

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

+0

您可以加入一个链接,缩放是允许的吗?只是想知道... – rogerdpack 2017-05-15 16:06:26

+0

可能重复的[Facebook像按钮更大的大小](http://stackoverflow.com/questions/3938201/facebook-like-button-larger-size) – rogerdpack 2017-05-15 16:21:45

回答

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/

+1

似乎无法点击这在iPhone上,它什么都不做。 – 2013-03-01 00:12:10

+1

不工作在iPhone上可能是由于http://ejohn.org/blog/clickjacking-iphone-attack/,找不到任何解决方法,但 – 2013-07-26 10:33:07

+0

会像'padding:2px'解决这个问题?是它在iPhone上无法正常工作的原因,因为某些东西被放大或缩小,从而在理论上超出范围? – 2014-05-20 07:44:20

相关问题