あなたのためにこれに答えましょう:
1) はい、空のままにしておく必要があります。これが必要な理由に関する情報は、JS SDK docsから引用されています。
JavaScript SDK では、適切にロードするために要素と、アプリ ID で SDK を正しく初期化するためfb-root
の呼び出しが
必要です。FB.init
または
fb-root
を使用して要素を非表示にしないでください。非表示にすると、SDK の一部が Internet Explorer で正しく機能しなくなります。display: none
visibility: hidden
fb-root
SDKは、本文に対して相対的に、またはページの上部に近い要素に対して相対的に配置されることが期待される要素を挿入します。要素がまたはfb-root
の要素内にない場合に最適です。配置された
要素の内部に要素を配置する必要がある場合は、ボディの上部に近い位置に配置する必要があります。そうしないと、SDK の一部が正しく機能しない可能性があります。position: absolute
position: relative
fb-root
2)おそらくキャッシュの問題です。以前に回答されたcssの問題に関する同様の質問があります:iPhone FB APPのcssコンテンツのキャッシュ
また、ブラウザ/訪問者のブラウザに CSS ファイルを再取得させるには、次のように CSS ファイルの URL の末尾にクエリ パラメータ/変数を渡すのがコツです。?v=1
<link rel="stylesheet" href="css/style.css?v=1">
これにより、ブラウザまたは Facebook で、新しい変更が反映された CSS ファイルが自動的に取得されます。ファイルを更新するたびに番号を変更して、変更をすぐに確認できるようにしてください。