Hướng dẫn Responsive cho Plugin Comment Facebook

Có nhiều bạn hỏi mình làm thế nào để khung Comment của facebook co giản theo trình duyệt. Rất đơn giản Chỉ cần thêm đoạn CSS dưới đây:

.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;}

Plugin Comment:

<div class="fb-comments" data-colorscheme="light" data-href="http://www.nhatchanh.info" data-numposts="10" data-width="100%">

Xem thêm: Responsive YouTube Embed

Chỉ vậy thôi là nó đả co giản theo trình duyệt rồi đấy :D. Chúc thành công!