2013-06-12 56 views
3

我注意到我在許多網站中集成的Facebook LikeBox(facebook社交插件)現在超出了其設計的寬度而非常重疊。Facebook LikeBox最小寬度變得太大

當我嘗試重新生成代碼時,我注意到官方Facebook小部件頁面上的最小支持寬度現在爲「292像素」,這遠遠超出了我管理的大多數網站中平均邊欄的空間。

希望這個問題只是我的,但最好讓Likebox在較小的尺寸(例如最小180像素)上調整大小?並非所有的網站都可以購買300像素的邊欄!

我使用了一種解決方法,通過在DIV內部切割(隱藏)在右側的過大部分,但顯然這遠非最佳。

回答

5

你留下了很多猜測工作所以我想你正在使用HTML5方法。

嘗試使用iframe方法,方法是在開發者頁面上單擊獲取代碼後選擇選項卡。

FBLB

這樣您就可以切換到任何你想

+0

iframe的方法爲我工作。當他們打破你的網站這樣很好,對最終用戶非常負責...... –

0

你可以在樣箱重置最小寬度插件代碼生成width屬性。您可以直接在寬度選項中設置它(即使建議爲292,也可以使用任何數字),也可以在生成的實際代碼中手動更改它(如先前發佈的示例中顯示的兩處)。

0

我有同樣的問題,但遺憾的是我不能嘗試修復了現在。

一個想法是將Like Box包裝在一個div中,然後使用CSS來設置#myDiv iframe { width: 230px !important; }。讓我知道你們其中一人是否能夠得到這個工作。

+0

Imho,iframe在渲染所有html和css後加載,所以你不能從css改變樣式,不是? – havenchyk

0

按niutech的答案here,則可以覆蓋寬度是這樣的:

.fb-like-box span, .fb-like-box iframe { 
    width: 180px !important; 
} 
相關問題