HTML5 Like Box破損

我遇到以下問題;高度無法正確縮放，背景不再透明，邊框顏色錯誤，框的底部被切掉，文字和背景在「黑暗」設置中的顏色相同。這發生在我實施了'Like Box'的每個網站上。HTML5 Like Box破損

這些都可以在樣箱轉載 - 開發者頁面 https://developers.facebook.com/docs/reference/plugins/like-box/ 請嘗試以下設置：

寬度400

身高600（盒不能擴展）（如果你在保留默認值和展又將面臨的底部被切斷）

顯示面孔：在

配色方案：深

顯示流：在

邊框顏色：＃000（邊界不會改變顏色）

顯示面孔：關

（你會發現文字和背景顏色相同（背景不再是透明的））這一切似乎已經開始在星期三午夜EST更新後，我相信是他們試圖解決飼料中拉伸的圖像問題的結果。

來源

2012-12-09 Robert Mroczka

https://developers.facebook.com/bugs/128437833979988描述了一個問題，您是否訂閱了該錯誤？ – Igy

這些步驟並沒有爲我複製問題 –

@Igy，我沒有訂閱按鈕的出現，也不能從我的最後關注或創建新的錯誤報告。我知道這個現有的錯誤報告，並可以在我的最後模擬海報結果。 –

這爲我工作：

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fplatform&amp;width=400&amp;height=558&amp;show_faces=true&amp;colorscheme=dark&amp;stream=true&amp;border_color=%23000000&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:400px; height:558px;" allowTransparency="true"></iframe>

只要記住，你需要在<head>標籤添加幾行，否則你不會看到正確的結果

<link rel="alternate" media="handheld" href="https://developers.facebook.com/docs/reference/plugins/like-box/" /> 

<link rel="canonical" href="https://developers.facebook.com/docs/reference/plugins/like-box/" /> 

<meta property="og:url" content="http://developers.facebook.com/docs/reference/plugins/like-box/" />

您可以調整讀取FB API文檔後的值。

來源

2013-03-13 12:39:13 MarmiK

HTML5 Like Box破損

回答

相關問題