iPhone 4 で Safari ブラウザーを使用してコメントを表示できません (iOS 5 と 6 の両方を使用)
新しい FB ソーシャル プラグイン コードを使用しています (ここにあります: http://developers.facebook.com/docs/reference/plugins/comments/ ) 。
これは、header.php ファイルの開始<body>タグのすぐ下にあります。
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=my app ID";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
...
この：
<div class="fb-comments" data-href="http://example.com" data-num-posts="2" data-width="748" data-mobile="false"></div>
私のcomments.phpファイルに。
次の行も追加しました。
#fbcomments, .fb-comments, .fb-comments iframe[style], .fb-comments span {
width: 100% !important;
}
style.cssブラウザー ウィンドウが縮小してもコメント ボックスの幅が 100% を維持するように、ファイルに追加します (レスポンシブ デザインを使用しているため、ボックスがレイアウトを壊さないようにしたかったのです)。
私の問題は、ブラウザー ウィンドウを最小 (読み取り: 電話サイズ) に縮小すると、コメント ボックスがまだそこにあり、正常に動作することですが、Safari ブラウザー (ios5 と現在の両方を実行) で iPhone のサイトを開くと、 ios6) では、コメント ボックスが完全に非表示になり、ブラウザーの上部にある回転ホイールが回転し続けていることを示します。
これは、iPhoneでChromeのモバイルバージョンを使用している場合には発生しません。確認したところ、iPad 1で完全に動作するため、サファリの問題を引き起こしているコード内の特定の何か、またはサファリ自体に何か-どっちだ、わからない。
オンラインで調べてみましたが、具体的な答えが見つかりませんでした.
皆さんありがとう！