Like按鈕對話框裁剪由於與960x75像素

我遇到類似按鈕，這似乎是裁剪彈出對話框，像這樣Like按鈕對話框裁剪由於與960x75像素

Cropped Facebook Like dialog

我的標記有問題的元素風格寬度介紹跨度這是

<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>

這似乎是因爲隨着960x75像素的元素風格寬度的span元素的引入。

<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"...

歡迎您對這種情況發生的原因以及我如何防止/解決這個問題提出任何想法。

來源

2012-09-16 adambird

這可能與您的網頁上的標記有關。鏈接將很有用。 – Claudiu

Llink在這裏http://app.bunch.cc/rides/506e7344ccba560002000096像按鈕在左邊欄的底部。在此先感謝 – adambird

你有辦法解決它嗎？因爲我遇到了同樣的問題... –

我知道這是舊的，但萬一它有助於某人：它可能必須處理iframe上的max-width: 100%或width: 100%規則。我有完全相同的問題，並解決它：

.fb-like iframe{ 
    max-width: none; 
}

來源

2014-02-09 21:29:51 JoseV

Like按鈕對話框裁剪由於與960x75像素

回答

相關問題