2010-10-14 169 views

回答

5

不,它來。奇怪的是,Google+和Twitter允許你的按鈕有各種尺寸。

27

呀,目標與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; 
} 
+2

爲了防止別人幫助,我的iframe沒有ID。所以我用'.fb_iframe_widget iframe'來定位它。 – Matt 2014-02-20 17:14:26

+2

只是一句話,這將在移動瀏覽器上破解(經過測試的Chrome,Firefox) – 2015-06-10 06:58:28

+1

似乎在移動設備上「不受尊重」,但可在桌面上使用。 – rogerdpack 2017-05-15 16:25:44

1

我使用的引導和增加財產BTN和BTN-大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> 

它可以使按鈕變得更大。

0

這些天類似插件提供了一個「小」或「大」變體,即數據大小:

<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/)儘管它可能MES這個定位有點兒了。

當然,我想如果你真的絕望,你可以做一個「你自己喜歡的按鈕自定義」的舊技巧,只將它們重定向到只有「真實」像按鈕的頁面或彈出一個模式用「只是像按鈕」,他們必須再次reclick:|