Làm cách nào để bình luận bằng Facebook responsive?

Hiện nay sử dụng bình luận bằng Facebook cho blog/website rất phổ biến vì thế cũng rất nhiều bài viết chia sẻ hướng dẫn thêm chức năng này vào blog/website. Tuy nhiên thường mọi người chỉ hướng dẫn làm cách nào để thêm chức năng này vào mà chưa hoàn chỉnh về chiều rộng để phù hợp với mọi kích thước màn hình
Và ở bài viết này mình sẽ hướng dẫn bạn đặt chiều rộng cho khung bình luận bằng Facebook với chiều rộng là 100%.

Cài đặt bình luận Facebook vào blog/website

Trước hết nếu như blog/website bạn chưa có chức năng bình luận bằng Facebook có thể search trên internet nha, có rất nhiều bài hướng dẫn.
Đến bước đặt bình luận Facebook vào vị trí bạn muốn hiển thị thì sử dụng đoạn code sau

<div class='fb-comments' colorscheme='light' data-width='100%' expr:href='data:post.canonicalUrl'/>

Bạn có thể thay light thành dark cho phù hợp với blog/website của mình

Sử dụng CSS áp dụng chiều rộng 100% cho khung bình luận

Sử dụng đoạn CSS bên dưới

.fb_iframe_widget_fluid_desktop iframe[style]{width:100% !important}

Tuy rất đơn giản nhưng thật sự hữu ích, để lại comment nếu bạn thực hiện không thành công nha, cảm ơn ./.