Cách fix giao diện resposive cho khung comment và like box Facebook

Khung comment và like box của Facebook thường bị cố định kích thước nên khi giao diện web co giãn (resposive) thì sẻ bị lỗi phần này. Để fix lỗi này ta chỉ cần sử dụng đoạn css đơn giản với thẻ !important.

Bạn thêm vào file css của website đoạn code sau:

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

Lưu lại và xem kết quả nhé!

Lưu ý là việc fix lỗi này giúp cho giao diện website để đáp ứng được nhiều kích thước màn hình khác nhau hoặc khi co giản cửa sổ trình duyệt. Còn trên giao diện mobile thì Facebook sẻ tự load khung comment Facebook phiên bản mobile rồi.

Chúc các bạn thành công!

Xem thêm:

- Hướng dẫn gắn nhanh comment Facebook cho blogger
- Cách gắn comment Facebook cho diễn đàn Xenforo
- Hướng dẫn fix lỗi Moderator không quản lý được comment Facebook