http://developers.facebook.com/docs/reference/plugins/comments/
它说：
移动版将在移动设备上自动显示 检测到用户代理。您可以通过设置来关闭此行为 移动参数为false。请注意：移动版本忽略了 宽度参数，而不是流体宽度为100％ 在纵向/横向切换情况下很好地调整大小。你可能需要 调整您的移动网站的CSS以利用此功能 行为。如果愿意，您仍然可以通过a控制宽度 容器元素。
但是当我在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>
盒子总是呈现300px宽度。
Facebook评论本身有什么问题吗？因为几天前一切正常。
感谢阅读！
答案 0 :(得分：11)
Facebook评论生成内联样式已更改，以下CSS似乎覆盖内联SPAN CSS让我发表Facebook评论流体宽度
.fb-comments, .fb-comments span[style], .fb-comments iframe[style] {width: 100% !important;}
我希望这适合你。