facebook Responsive comment hộp

Question

Tôi đã nghiên cứu nhiều khác nhau cách để buộc một hộp bình luận facebook plug-in được chất lỏng/đáp ứng/lỏng/whatever-chúng-gọi-nó (chỉ hiển thị sự ngu dốt của tên) và tất cả đều hoạt động tốt. Nhưng ngoài ra, tất cả chúng đều làm cho trình cắm biến mất khi truy cập từ Google Chrome.

Tôi đang sử dụng này:

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

nào có kết quả tương tự (rõ ràng) như:

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

Câu hỏi: Làm thế nào tôi có thể sửa chữa hành vi kỳ lạ này? (Tại sao nó xảy ra?)

Cảm ơn thời gian của bạn. Bạn có giúp tôi hay không, có một ngày tốt đẹp! :)

Answer 1

này làm việc cho tôi: Thêm vào div fb-comments data-width = "100%"

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

và nó sẽ đáp ứng khi bạn thay đổi kích thước trình duyệt.

bạn có thể đặt div fb-comments bên trong div khác và cho div đó chiều rộng bạn muốn.

Answer 2

Đây là facebook bình luận kiêm nhiệm

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

Chỉ cần thêm CSS này dưới sự div-

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

Answer 3

Chỉ cần Insert dữ liệu width = "100%" trong div

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

Answer 4

Bạn có thể sử dụng dữ liệu di động atribute

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