如何使Responsive Facebook評論

Question

我無法獲得Facebook評論插件的響應。顯然，他們不斷改變渲染框架的方式，因此很難在網絡上找到解決方案。

顯然，最新的形式在三月份2014

被實現的老辦法是通過CSS，但它並沒有時下解決問題。顯然，JavaScript重寫將調用幀代碼的代碼是必需的。此代碼還應該對每個更改瀏覽器大小進行「數據寬度」調整。

有人已經實施此解決方案？有誰知道另一種解決方法？

非常感謝。

Answer 1

看起來您現在可以在Facebook評論框中指定100％的寬度，但它只適用於頁面加載。至少比以前更好。

<div class="fb-comments" 
    data-href="http://example.com/" 
    data-width="100%" 
    data-numposts="5" 
    data-colorscheme="light"> 
</div> 

我仍然有，如果你想改變寬度爲窗口更改添加以下CSS，而且也不能保證它不會改變未來。希望上面的代碼最終能夠完全響應。

.fb-comments span, 
.fb-comments iframe { 
    width: 100% ! important; 
}