2014-10-08 103 views
0

我已經做了大量的研究,通過StackOveflow給出的答案已經完全合理,但不起作用。我試過給元素設置一個寬度爲100%的樣式,但是無濟於事,仍然有溢出,阻止了Widget的響應。它在移動設備上看起來很棒,但那是因爲它已經針對該視口進行了優化。任何建議在Facebook上創建Facebook Like Box Widget讓wordpress響應並適合它的父容器?Facebook Like Box小工具

寫什麼,寫在哪裏。

http://www.seattleimpactfcshop.com

任何幫助是極大的讚賞。

+0

這是目前緩解疼痛,但仍然不看起來很棒。 .fb-comments,.fb-comments iframe [style],.fb-like-box,.fb-like-box iframe [style] {width:100%!important;} .fb-comments span,。 fb-comments iframe span [style],.fb-like-box span,.fb-like-box iframe span [style] {width:100%!important;} 我知道我的側欄區域的寬度不幫助,但它必須能夠看起來「更好」。 – Corey 2014-10-08 21:41:32

回答

0

我有同樣的問題。而且我知道它需要大量的javascript操作才能獲得正確的結果。我通過在同一時間輸出-ING兩個小部件等解決了這個問題:

class="fb-like" data-share="true" data-width="500" data-show-faces="false" 

和:對於每個這些

class="fb-like" data-share="true" data-width="320" data-show-faces="false" 

然後切換顯示塊和display:none在移動設備和桌面佈局。