Web ページに Facebook Like Box を追加しようとしていますが、サイズの調整に問題があります。私は元々、Facebook 開発者サイトの HTML5 と Javascript コードを使用して好みのボックスを作成していましたが、読み込み時にページ上の他のアニメーションの速度が低下していることに気付きました。
次に、完璧で、ページのオンロードの他の要素の速度を落とさない iFrame を使用することにしました。見栄えを良くするために、次のコードを iframe に追加しました。
style="visibility:hidden;" onload="this.style.visibility = 'visible';"
そして私も試しました：
style="display:none;" onload="this.style.display = 'block';"
これにより、ロード時にiframeが白いフラッシュを発するのを防ぎます（より上品に見えます;両方のコードが同じ問題を引き起こしています）。ただし、Like Box が読み込まれると、高さは約 150 ピクセルしか読み込まれません (ただし、高さは 250 ピクセルに設定されています)。上記のコードを取り出すと、ボックスのサイズが完全に変更され、元に戻すと元に戻ります。
興味深いのは、可視性コードが入っていて幅変数を調整すると、ボックスの幅が変化することです。高さを調節しても変わらない。
これが私が作ったフィドルです：
何かご意見は？ありがとう！