Отзывчивого facebook поле комментария

Question

Я исследовал несколько различных способов, чтобы заставить окно комментария facebook плагина чтобы жидкость/отзывчивую/жидкости/весь-мы-коллом-он (только с указанием тупости имена), и все они работают нормально. Но также, все они заставляют плагин исчезать при доступе от Google Chrome.

Я использую это:

.fb-comments, .fb-comments span, .fb-comments.fb_iframe_widget span iframe { 
width: 100% !important; 
} 

Который имеет те же результаты (по-видимому) как:

#fbcomments, .fb-comments, .fb-comments iframe[style], .fb-comments span{ 
width: 100% !important; 
} 

Вопрос: Как я могу исправить это странное поведение? (Почему это происходит?)

Спасибо за ваше время. Уэтер, ты помогаешь мне или нет, хорошо проводишь сегодня! :)

Answer 1

это работало для меня это CSS: Добавить в ГФ-комментарии DIV data-width = "100%"

<div class="fb-comments" data-href="http://example.com/comments" data-width="100%" data-numposts="5" data-colorscheme="light"></div> 

, и он будет реагировать при изменении размера браузера.

вы можете поместить fb-comments div внутри другого div и предоставить div, который вам нужен.

Answer 2

Это facebook комментарий по совместительству

<div class="fb-comments" data-href="http://example.com/comments" data-numposts="5" data-colorscheme="light"></div> 

Просто добавьте ниже в div-

<style>.fb_iframe_widget span[style]{width:100% !important;}</style> 

Answer 3

Просто Вставка данных Ширина = "100%" в DIV

<div class="fb-comments" data-width="100%"></div>

Answer 4

Вы можете использовать данные мобильных atribute

<div class="fb-comments" data-href="http://example.com/comments" data-numposts="5" data-mobile="true"></div>