Facebook Like Button（<fb:like>）Height總是80px

爲什麼我的Facebook Like按鈕（技術上是生成的iframe）的高度始終設置爲80px？示例頁面位於：http://www.davidkasper.net/test.html我使用JavaScript sdk，並且已將其用於其他頁面，但由於某種原因，高度不會在此頁面上動態變化！我甚至可以這樣做 <fb:like style="height:40px"> 並確實將設置明顯的高度，但在iframe仍然會80px，而我可以看到它在演示改變在http://developers.facebook.com/docs/reference/plugins/like Facebook Like Button（<fb:like>）Height總是80px

來源

2010-05-05 David

我終於找到了答案！

問題是我在FB.init javascript中指定的應用程序設置了錯誤的基本域。

window.fbAsyncInit = function() { 
    FB.init({appId: '**131226520233112**', status: true, cookie: true, 
      xfbml: true}); 
    }; 
    (function() { 
    var e = document.createElement('script'); e.async = true; 
    e.src = document.location.protocol + 
     '//connect.facebook.net/en_US/all.js'; 
    document.getElementById('fb-root').appendChild(e); 
    }());

見VS http://davidkasper.net/test2.html

http://davidkasper.net/test.html之間的差額由我可能永遠都沒有從Facebook http://developers.facebook.com/tools/lint/網址短絨清除所有它檢測到的錯誤發現這個方式解決了這個問題！

來源

2010-06-24 03:47:03 David

從參考它說

最重要的社交插件是 Like按鈕，該按鈕可讓用戶通過一次點擊即可將您網站上的網頁發佈回其Facebook個人資料。您可以添加Like按鈕來任何頁面的iframe標籤：

<iframe src="http://www.facebook.com/widgets/like.php?href=http://example.com" 
     scrolling="no" frameborder="0" 
     style="border:none; width:450px; height:80px"></iframe>

有許多爲 Like按鈕選項，包括選項包括姓名和資料照片的用戶的朋友也有喜歡此頁面。下面是一個類似按鈕爲Facebook開發者網站...

對我來說，它說明你應該只使用iframe和在樣式的標籤設置寬度/高度屬性...

<iframe src="http://www.facebook.com/widgets/like.php?href=http://example.com" 
     scrolling="no" frameborder="0" 
     style="border:none; width:300px; height:25px"></iframe>

來源

2010-05-05 22:33:19 Mauro

問題是我需要使用XFBML版本，因爲它需要動態調整大小，具體取決於是否存在面孔。 – David 2010-05-05 22:37:14

David，

我也有同樣的問題。我只是把fb：like標籤放在一個ID爲'臉譜'的DIV裏面。然後，我設置了一個CSS規則來限制'臉書'DIV中存在的任何iframe的高度和/或寬度。爲我工作！

來源

2010-05-10 15:38:50 metaslug001

正在生成的iframe允許顯示Facebook個人資料圖片的空間。添加show-faces =「false」屬性，它會摺疊高度。

<fb:like show-faces="false"></fb:like>

來源

2010-05-18 13:17:29 knorthfield

轉到http://developers.facebook.com/docs/reference/plugins/like

取消選中 '顯示面孔' 複選框。這會將高度降低到35px。

來源

2010-05-27 07:53:43 nishantcm

我解決這個問題的CSS

#fb-bar iframe{min-height:80px !important;}

其中＃FB-酒吧是包裝爲< FB：像>。在html中

<div id="fb-bar"> 
    <fb:like href="link"></fb:like> 
</div>

來源

2010-08-10 09:55:50 AexChecker

Facebook Like Button（<fb:like>）Height總是80px

回答

相關問題