facebook - FacebookのようなボックスがChromeで切断されました

Question

Firefoxでは正常に動作していますが、Chromeでは動作しません。firebugを使用したところ、デフォルトのcssの高さがこの問題の原因であることがわかりました。どうすればこれを修正できますか？

Joomla 2.5でITP共有モジュールを使用しており、オーバーフローを試みました：表示されますが、役に立ちません。

FacebookのようなボックスがChromeで切断されました

score 0 · Accepted Answer

ブラウザのズームを確認してください。少しズームアウトすると、Facebookの「いいね」ボタンがこのように表示されます。

score 0 · Accepted Answer

これを解決するためにCSSを使用してみてください。

Facebook共有モジュールを一意のクラスまたはIDを持つdivに配置します。

例：

  <div id="FacebookShareContainer"><!--put here the plugin in your html page--></div>

それから：

あなたのcssファイルで：

  #FacebookShareContainer span{
  height:19px;
}
#FacebookShareContainer iframe{
  height:19px;
}

score 0 · Accepted Answer

これは、特に私が見つけたモバイルテストモードで、Facebook の iFrame だけがズームインされている場合にも発生する可能性があります。

タブで Facebook ボタン (いいね/ログイン/共有) を強調表示し、必要に応じてCtrl-またはCtrl+を使用してズームする必要があります。別のウィンドウで Facebook.com にアクセスしてズームしても、常にこれが解決されるとは限りません。

Paypal ボタンなど、他の iframe でも同じことが起こります。

3 に答える 3