http://developers.facebook.com/docs/reference/plugins/comments/
そこには次のように書かれています。
モバイル デバイスのユーザー エージェントが検出されると、モバイル バージョンが自動的に表示されます。mobile パラメーターを 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>
ボックスは常に 300px 幅でレンダリングされます。
Facebookのコメント自体に問題はありますか? 数日前はすべて正常に機能していたからです。
読んでくれてありがとう！