Mấy ngày hôm nay các site của mình và đa số anh em đang dùng facebook comment làm hệ thống bình luận chính đều gặp một lỗi rất vớ vẩn. Đó là mặc dù đã set data-width=100% nhưng khi hiển thị khung lại rất nhỏ, chưa đến 300px nhìn rất xấu và mất cân đối giống như hình dưới
Dạo quanh Google thấy nhiều anh em gặp vấn đề này, đã report lỗi cho phía Facebook nhưng sau hơn 2 ngày vẫn chưa khắc phục xong. Tranh thủ mình ngâm cứu một lúc và đã xử lý được, rất đơn giản cho anh em đang gặp vấn đề giống mình.
Đơn giản anh em chỉ cần thêm vài dòng css này vào file style mà giao diện anh em đang sử dụng, hoặc có thể chèn dạng inline vào view cũng được. Miễn sao trình duyệt nó thấy là được.
.fb_iframe_widget_fluid_desktop, .fb_iframe_widget_fluid_desktop span, .fb_iframe_widget_fluid_desktop iframe {min-width: 100% !important;}Sau khi thêm dòng dưới và lưu lại anh em kiểm tra xem đã ổn chưa nhé, thường css nằm trong cache trình duyệt rất kỹ nên anh em có thể xoá cache trình duyệt hoặc ấn Ctrl+F5 khi site đã load xong cũng được. Đây là hình site mình đang fix thành công, anh em có thể xem ở phần bình luận dưới cũng được. Kaka
Chúc anh em thành công.