2011-12-30 160 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

相關問題