0

ポップアウトダイアログを切り取っているように見えるいいねボタンに問題があります

トリミングされた Facebook の「いいね！」ダイアログ

私のマークアップはこれです

<div class="fb-like" data-href="<%= campaign_link(share_link, campaign, :facebook)%>" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false"></div>

span要素スタイル幅75pxの要素が導入されたためと思われます。

<div class="fb-like fb_edge_widget_with_comment fb_iframe_widget" data-href="http://app.bunch.dev/clubs/brc/posts/50564b4281772e72d1000007?utm_campaign=share_discussion&amp;utm_medium=facebook&amp;utm_source=bunchcc" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false">
  <span style="height: 20px; width: 75px; ">
    <iframe id="f1447ba434" name="f3f4b5ff04"...

なぜこれが起こっているのか、どうすればそれを防止/回避できるかについての考えを歓迎します.

4

1 に答える 1

0

私はそれが古いことを知っていますが、それが誰かを助ける場合:それはおそらくiframeのmax-width: 100%またはwidth: 100%ルールと関係があります. 私はまったく同じ問題を抱えていて、それを解決しました：

.fb-like iframe{
    max-width: none;
}
于 2014-02-09T21:29:51.820 に答える