Facebook的評論HTML5手機：流體100％沒有工作

http://developers.facebook.com/docs/reference/plugins/comments/Facebook的評論HTML5手機：流體100％沒有工作

它說的是：

檢測到移動設備用戶代理時，移動版本將自動顯示。您可以通過將移動參數設置爲false來關閉此行爲。請注意：移動版本忽略了寬度參數，而是具有100％的流體寬度，以便在縱向/橫向切換情況下很好地調整大小。您可能需要來調整您的移動網站的CSS以利用此行爲。如果喜歡，您仍然可以通過容器元素控制寬度。

但是，當我在iphone上訪問我的頁面時，儘管我看到Facebook評論的「移動設計」，但框的寬度是我在代碼上設置的寬度。

我的測試頁：http://www.santiagosarceda.com/facebook/

這是我的代碼：

<head> 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 
</head> 
<body> 
<div class="fb-comments" data-href="http://www.site.com/3953172" data-num-posts="5" data-width="300"></div> 
</body> 
</html>

盒子呈現永諾在300像素寬度。

Facebook的評論本身有問題嗎？因爲前幾天一切正常。

感謝您的閱讀！

來源

2012-06-01 Santiago

Facebook的評論產生了變化內嵌樣式和下面的CSS似乎覆蓋內嵌SPAN CSS我讓Facebook評論流體寬度

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

我希望這對你的作品。

來源

2012-06-04 12:26:38

謝謝Vaibhav。我在Facebook的開發者頁面上發現了一個錯誤報告，但我仍然遇到同樣的問題。該iframe應該改變爲「100％」的移動版本，但它不能正常工作...... – Santiago

Vaibhav，適用於臺式機，但不適用於Facebook評論的移動版本... – Jorre

好的。感謝您的信息！ –

Facebook的評論HTML5手機：流體100％沒有工作

回答

相關問題