私は自分のサイトで古い FB xfbml コメント モジュールを使用しています (移行の問題がなければアップグレードします)。このコードを埋め込む
window.fbAsyncInit = function() {
FB.init({
appId : 'xxxxxxxxx',
channelUrl : '//www.site_etc.com/channel.html',
status : true,
cookie : true,
xfbml : true
});
FB.Canvas.setAutoGrow();
}
(function(d){ var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0]; if (d.getElementById(id)) {return;} js = d.createElement('script'); js.id = id; js.async = true; js.src = "//connect.facebook.net/en_US/all.js"; ref.parentNode.insertBefore(js, ref); }(document));
私が抱えている問題は、FB がコメント iframe をロードするたびに、高さがクリップされることです。コメントなどの数に関係なく、一貫して約160pxの高さでロードされ、それに応じて拡張することはできません。競合する CSS やコンテナーなどはないと確信しています。
何が起こっているのか、どこから検索を開始すればよいのかわかりません。Google にはいくつかの興味深いヒットがありましたが、最終的に解決策はありませんでした -